/* Explicitly registered refresh pages only. Unmigrated templates are untouched. */
html[data-design="runtime-refresh"],html[data-design="design-reference"],html[data-design="cost-budget-story"]{scroll-padding-top:88px}
html:is([data-design="runtime-refresh"],[data-design="design-reference"],[data-design="cost-budget-story"],[data-design="contact-refresh"],[data-design="resources-refresh"]) body{--mono:var(--rf-heading);--grot:var(--rf-sans);--orbit:var(--rf-heading);font-family:var(--rf-sans);font-size:17px;line-height:1.6;color:var(--text);background:var(--paper)}
.fr-wrap{width:min(var(--wrap),100%);padding-inline:var(--rf-gutter);margin-inline:auto}
/* --rf-max steps (design/tokens.json, LAY-03): 1360px from 1600px, 1480px from 2000px. */
@media(min-width:1600px){:root{--rf-max:1360px}}
@media(min-width:2000px){:root{--rf-max:1480px}}
.fr-page :is(h1,h2,h3,p,figure,blockquote,ul,ol){margin:0}
.fr-page :is(h1,h2){font-family:var(--rf-heading);font-weight:700;letter-spacing:-.015em;line-height:1.16;text-transform:none;text-wrap:balance}
.fr-page h1{font-size:var(--rf-type-display);text-transform:none;letter-spacing:-.02em;line-height:1.12}
.fr-page h2{font-size:var(--rf-type-section)}
/* Explicit heading primitive for deliberately migrated sections of a page. */
.fr-heading{font-family:var(--rf-heading);font-weight:700;letter-spacing:-.015em;line-height:1.16;text-transform:none;text-wrap:balance;color:var(--text);margin:0}
h1.fr-heading{font-size:var(--rf-type-display);text-transform:none;letter-spacing:-.02em;line-height:1.12}
h2.fr-heading{font-size:var(--rf-type-section)}
.fr-heading.fr-heading--statement{font-size:var(--rf-type-close);text-transform:none;line-height:1.16}
.fr-heading .fr-heading-accent{color:var(--blue-deep);font-style:normal}
/* One meaningful blue phrase on light grounds; blue-field statements stay white. */
.fr-page :is(h1,h2) .fr-heading-accent{color:var(--blue-deep);font-style:normal}
.fr-page h3{font-family:var(--rf-sans);font-size:var(--rf-type-card);font-weight:700;letter-spacing:0;text-transform:none;line-height:1.3}
/* Native compound words must reflow; never preserve English line lengths. */
html[data-locale-source="current"] .fr-page :is(h1,h2,h3){overflow-wrap:anywhere}
html[data-locale-source="current"]:is(:lang(de),:lang(da)) .fr-page :is(h1,h2,h3){hyphens:auto;-webkit-hyphens:auto}
/* Prefer Japanese phrase boundaries, with a narrow-container fallback so a
   long compound cannot enlarge a grid track or disappear behind a panel. */
html[data-locale-source="current"]:lang(ja) :is(.fr-page,body[data-page="index"]) :is(h1,h2,h3,h4){line-break:strict;word-break:auto-phrase;overflow-wrap:anywhere;letter-spacing:0;line-height:1.35}
/* Balance a long display phrase within its own column; do not strand one kanji. */
html[data-locale-source="current"]:lang(ja) .fr-page h1 .fr-heading-accent{display:inline-block;max-width:100%;vertical-align:top;word-break:auto-phrase;overflow-wrap:anywhere;text-wrap:balance}
@media(max-width:600px){
 html[data-locale-source="current"]:lang(ja) .fr-page :is(h1,h2,h3,h4){word-break:normal;text-wrap:balance}
}
.fr-page p{font-size:16px;line-height:1.6;color:var(--text-2)}
.fr-page a{color:var(--blue)}
.fr-icon,.fr-page .or-icon{display:block;flex:none;width:23px;height:23px;color:var(--blue-deep)}
.fr-page .ui-arrow{width:14px;height:14px;flex:none}
.fr-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid var(--blue);border-radius:var(--rf-radius-control);background:var(--blue);box-shadow:0 2px 0 var(--blue-deep);color:white!important;font:600 15px/1.2 var(--rf-sans);text-transform:none;letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--rf-duration-feedback) var(--rf-ease-feedback),border-color var(--rf-duration-feedback) var(--rf-ease-feedback)}
.fr-button:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep)}
.fr-button:active:not(:disabled){transform:translateY(1px)}
.fr-button:disabled{cursor:default;opacity:.65;transform:none;box-shadow:none}
.fr-page form :is(.fr-button,.btn),.fr-button--functional{font:500 16px/1.4 var(--rf-sans);text-transform:none;letter-spacing:0}
.fr-button--light{background:white;border-color:white;box-shadow:none;color:var(--text)!important}
.fr-button--secondary{background:var(--card);border-color:var(--line-2);box-shadow:none;color:var(--text)!important}
.fr-button--secondary:hover:not(:disabled){background:var(--paper-2);border-color:var(--line-2)}
.fr-button--ondark{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .5);box-shadow:none}
.fr-button--ondark:hover:not(:disabled){background:rgb(255 255 255 / .16);border-color:rgb(255 255 255 / .5)}
.fr-button--light:hover:not(:disabled){background:var(--rf-tint);border-color:var(--rf-tint)}
.fr-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--blue);font:600 13px/1.2 var(--rf-action);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.fr-link .ui-arrow{transition:transform var(--rf-duration-feedback) var(--rf-ease-feedback)}
.fr-link:hover .ui-arrow{transform:translate(2px,-2px)}
.fr-link:hover{text-decoration:underline;text-underline-offset:5px}
.fr-page :is(a,button,summary,input,select,textarea):focus-visible,.ds-reference a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.fr-chapter{padding-block:var(--rf-space-section);scroll-margin-top:88px}
/* Explicit page opt-in. The corner matches the preceding chapter's ground. */
.fr-field-cut{position:relative;--fr-cut-ground:white}
.fr-field-cut--paper{--fr-cut-ground:var(--paper)}
.fr-field-cut--wash{--fr-cut-ground:var(--blue-wash)}
.fr-field-cut::before{content:"";position:absolute;top:0;right:0;width:clamp(56px,8vw,112px);aspect-ratio:112/65;background:var(--fr-cut-ground);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
@media(forced-colors:active){.fr-field-cut::before{display:none}}
.fr-copy{max-width:560px}
.fr-copy>p{margin-top:var(--rf-space-copy)}
.fr-copy>.fr-link{margin-top:22px}
.fr-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rf-layout-gap);align-items:center}
.fr-window{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--rf-shadow-win);min-width:0;overflow:hidden;color:var(--text)}
.fr-window-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);min-height:46px}
.fr-window-head strong{font-size:16px;font-weight:600;line-height:1.4}
.fr-window-head>span:last-child{margin-left:auto;flex-shrink:0;max-inline-size:45%;overflow-wrap:anywhere;font-size:13px;color:var(--text-2)}
.fr-outcome{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:8px;background:var(--blue-wash);font-size:16px;font-weight:500;line-height:1.4}
.fr-outcome--block{background:color-mix(in srgb,var(--block) 6%,white);color:var(--block);border-left:3px solid var(--block)}
.fr-outcome--block .or-icon{color:var(--block)}
.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ds-reference{padding-block:30px 100px;font-family:var(--rf-sans)}
.ds-reference-head{padding-block:48px 44px;border-bottom:1px solid var(--line-2)}
.ds-reference-head h1{font:600 clamp(30px,4vw,50px)/1.15 var(--rf-heading);text-transform:uppercase;letter-spacing:-.025em;max-width:24ch}
.ds-reference-head p{max-width:65ch;font-size:18px;color:var(--text-2);margin-top:20px}
.ds-reference-head .fr-button{margin-top:28px}
.ds-reference-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:72px;margin-top:48px}
.ds-reference-index{align-self:start;position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.ds-reference-index a{display:flex;flex-shrink:0;align-items:center;min-height:44px;font-size:14px;color:var(--text-2);padding:4px 0}
.ds-reference-index a:hover{color:var(--blue-deep)}
.ds-reference-index a:focus-visible{outline-offset:-2px}
.ds-reference-content{max-width:70ch}
.ds-reference-content>h2,.ds-reference-content section>h2{font:600 26px/1.3 var(--rf-sans);letter-spacing:-.015em;text-transform:none;margin:52px 0 20px;scroll-margin-top:96px}
.ds-reference-content>h2:first-child{margin-top:0}
.ds-reference-content>p{margin:0 0 20px}
.ds-reference-content ul{list-style:disc;padding-left:20px;margin:0 0 24px}
.ds-reference-content li{padding:0 0 14px}
.ds-reference-content li::before{content:none}
.ds-reference-content :is(p,li){font-size:17px;line-height:1.7;color:var(--text-2);overflow-wrap:anywhere}
.ds-reference-content strong{color:var(--text);font-weight:600}
.ds-reference-content .ds__swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-reference-content .ds__sw{font-size:13px;overflow-wrap:anywhere}
.ds-reference-head .fr-heading-accent{color:var(--blue-deep)}
.ds-reference-content li[id]{scroll-margin-top:100px}
.ds-reference-content .ds-rule-id{display:inline-block;margin-right:8px;font:500 13px/1.5 var(--rf-code);color:var(--blue-deep);white-space:nowrap}
/* Earlier hand-built blocks, kept for pages not yet on the v5 stylesheet (shared/v5.css).
   Scoped away from main.fr-v5 so the two never combine on one page. */
/* ==========================================================================
   v5 components (FRAI-7521). Shared design system blocks for every interior
   page and the Team Portal reference. Values come from design/tokens.json;
   rules: docs/design/design-system.md (BLK-*). Copy stays in the page source.
   ========================================================================== */
.fr-page:not(.fr-v5){--fr-gap:clamp(16px,2vw,24px);--fr-field-art: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")}
/* Grounds: paper by default, paper-2 (optionally dotted) to alternate, deep blue field as an accent. */
:where(.fr-page:not(.fr-v5)) .fr-sec{padding-block:var(--rf-space-section);background:var(--paper);scroll-margin-top:calc(var(--fr-nav-h,56px) + 64px)}
:where(.fr-page:not(.fr-v5)) .fr-sec--paper2{background-color:var(--paper-2)}
:where(.fr-page:not(.fr-v5)) .fr-sec--dots,:where(.fr-page:not(.fr-v5)) .fr-hero-card{background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:22px 22px}
:where(.fr-page:not(.fr-v5)) .fr-sec--field,:where(.fr-page:not(.fr-v5)) .fr-card--field,:where(.fr-page:not(.fr-v5)) .fr-band{background-color:var(--blue-deep);background-image:var(--fr-field-art),linear-gradient(135deg,#0053AD 0%,#004C9E 55%,#00468F 100%);background-size:cover,auto;background-position:center;color:white}
:where(.fr-page:not(.fr-v5)) :is(.fr-sec--field,.fr-card--field,.fr-band) :is(h2,h3,strong){color:white}
.fr-page:not(.fr-v5) :is(.fr-sec--field,.fr-card--field,.fr-band) :is(p,li,dd,.fr-lead,.fr-micro,small){color:var(--rf-tint)}
:where(.fr-page:not(.fr-v5)) :is(.fr-sec--field,.fr-card--field,.fr-band) .fr-link{color:white}
:where(.fr-page:not(.fr-v5)) :is(.fr-sec--field,.fr-card--field,.fr-band) .fr-eyebrow{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .35);color:white}
:where(.fr-page:not(.fr-v5)) :is(.fr-sec--field,.fr-card--field,.fr-band) :is(a,button,summary):focus-visible{outline-color:white}
.fr-page:not(.fr-v5) :is(.fr-sec--field,.fr-card--field) :is(h1,h2,h3) .fr-heading-accent{color:inherit}
/* The hero card is a light surface inside the field: restore light-ground colors. */
:where(.fr-page:not(.fr-v5)) .fr-sec--field .fr-hero-card :is(h1,h2,h3,strong,dt){color:var(--text)}
.fr-page:not(.fr-v5) .fr-sec--field .fr-hero-card :is(p,li,dd,.fr-lead,.fr-micro,.fr-crumbs,small){color:var(--text-2)}
.fr-page:not(.fr-v5) .fr-sec--field .fr-window :is(p,li,dd,small){color:var(--text-2)}
.fr-page:not(.fr-v5) .fr-sec--field .fr-window .fr-result:not(.fr-result--redact):not(.fr-result--allow) small{color:var(--rf-tint)}
:where(.fr-page:not(.fr-v5)) .fr-sec--field .fr-hero-card .fr-link{color:var(--blue)}
:where(.fr-page:not(.fr-v5)) .fr-sec--field .fr-hero-card .fr-eyebrow{background:var(--card);border-color:var(--line-2);color:var(--text)}
:where(.fr-page:not(.fr-v5)) .fr-sec--field .fr-hero-card .fr-heading-accent{color:var(--blue-deep)}
:where(.fr-page:not(.fr-v5)) .fr-sec--field .fr-hero-card :is(a,button,summary):focus-visible{outline-color:var(--blue)}
/* Labels */
:where(.fr-page:not(.fr-v5)) .fr-eyebrow{align-self:flex-start;display:inline-block;width:fit-content;max-width:100%;padding:6px 13px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);font:600 11px/1.3 var(--rf-action);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
:where(.fr-page:not(.fr-v5)) .fr-eyebrow br{display:none}
:where(.fr-page:not(.fr-v5)) .fr-eyebrow br+*::before{content:" "}
:where(.fr-page:not(.fr-v5)) .fr-eyebrow .fr-heading-accent{color:inherit}
:where(.fr-page:not(.fr-v5)) .fr-crumbs{margin:0;font:500 12px/1.4 var(--rf-action);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}
:where(.fr-page:not(.fr-v5)) .fr-crumbs a{color:inherit;text-decoration:none}
:where(.fr-page:not(.fr-v5)) .fr-crumbs a:hover{color:var(--blue);text-decoration:underline}
:where(.fr-page:not(.fr-v5)) .fr-crumbs span+span::before,:where(.fr-page:not(.fr-v5)) .fr-crumbs a+span::before,:where(.fr-page:not(.fr-v5)) .fr-crumbs span+a::before,:where(.fr-page:not(.fr-v5)) .fr-crumbs a+a::before{content:"/";margin-inline:.5em;color:var(--line-d)}
.fr-page:not(.fr-v5) .fr-lead{font-size:var(--rf-type-lead);line-height:1.6;color:var(--text-2);max-width:62ch}
.fr-page:not(.fr-v5) .fr-micro{font-size:14px;color:var(--text-2)}
:where(.fr-page:not(.fr-v5)) .fr-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* Section head */
:where(.fr-page:not(.fr-v5)) .fr-shead{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rf-space-copy);margin-bottom:var(--rf-space-scene)}
:where(.fr-page:not(.fr-v5)) .fr-shead h2{max-width:22ch}
:where(.fr-page:not(.fr-v5)) .fr-shead--center{align-items:center;text-align:center;margin-inline:auto}
:where(.fr-page:not(.fr-v5)) .fr-shead--center :is(h2,.fr-lead){margin-inline:auto}
:where(.fr-page:not(.fr-v5)) .fr-shead--row{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
/* Hero: deep blue field holding a dotted paper-2 card with the copy and the product window. */
:where(.fr-page:not(.fr-v5)) .fr-hero{padding-block:clamp(28px,6vw,104px);overflow:hidden}
:where(.fr-page:not(.fr-v5)) .fr-hero-card{position:relative;display:flex;flex-direction:column;gap:32px;padding:clamp(24px,3.6vw,64px);border-radius:var(--rf-radius-panel);background-color:var(--paper-2);color:var(--text);box-shadow:0 30px 80px -30px rgb(0 0 0 / .55)}
:where(.fr-page:not(.fr-v5)) .fr-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
:where(.fr-page:not(.fr-v5)) .fr-hero-copy :is(p,li){color:var(--text-2)}
:where(.fr-page:not(.fr-v5)) .fr-hero-copy h1{color:var(--text)}
:where(.fr-page:not(.fr-v5)) .fr-hero-visual{min-width:0}
:where(.fr-page:not(.fr-v5)) .fr-hero--solo .fr-hero-copy{max-width:70ch}
@media(min-width:1024px){:where(.fr-page:not(.fr-v5)) .fr-hero-card:not(.fr-hero--solo .fr-hero-card){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,4vw,72px);align-items:center}}
@media(min-width:1600px){:where(.fr-page:not(.fr-v5)) .fr-hero{padding-block:112px}}
@media(max-width:599px){:where(.fr-page:not(.fr-v5)) .fr-hero-copy .fr-ctas{flex-direction:column;align-items:stretch;align-self:stretch}:where(.fr-page:not(.fr-v5)) .fr-hero-copy .fr-button{width:100%}}
/* Product window frame */
:where(.fr-page:not(.fr-v5)) .fr-window-frame{padding:clamp(10px,1.4vw,18px);border-radius:28px;background:rgb(214 228 255 / .5);border:1px solid rgb(160 190 245 / .6);min-width:0}
:where(.fr-page:not(.fr-v5)) .fr-sec--field .fr-window-frame{background:rgb(255 255 255 / .12);border-color:rgb(255 255 255 / .28)}
/* Grids and cards */
:where(.fr-page:not(.fr-v5)) .fr-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--fr-gap);grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){:where(.fr-page:not(.fr-v5)) .fr-grid--2,:where(.fr-page:not(.fr-v5)) .fr-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){:where(.fr-page:not(.fr-v5)) .fr-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1180px){:where(.fr-page:not(.fr-v5)) .fr-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
:where(.fr-page:not(.fr-v5)) .fr-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:clamp(20px,2vw,28px);border:1px solid var(--line);border-radius:var(--rf-radius-card);background:var(--card)}
:where(.fr-page:not(.fr-v5)) .fr-card--lg{padding:clamp(24px,2.6vw,40px)}
:where(.fr-page:not(.fr-v5)) .fr-card.fr-card--field{border-color:transparent;background-color:var(--blue-deep);background-image:var(--fr-field-art),linear-gradient(135deg,#0053AD 0%,#004C9E 55%,#00468F 100%);background-size:cover,auto;color:white}
:where(.fr-page:not(.fr-v5)) .fr-card--glass{background:rgb(255 255 255 / .05);border-color:rgb(255 255 255 / .16);gap:10px}
:where(.fr-page:not(.fr-v5)) .fr-card :is(h3,h4){margin:0;font:700 var(--rf-type-card)/1.3 var(--rf-sans);letter-spacing:0;color:inherit}
:where(.fr-page:not(.fr-v5)) .fr-card>.fr-link,:where(.fr-page:not(.fr-v5)) .fr-card>.fr-ctas{margin-top:auto}
:where(.fr-page:not(.fr-v5)) .fr-card-n{font:600 12px/1 var(--rf-action);color:var(--blue)}
:where(.fr-page:not(.fr-v5)) .fr-card--field .fr-card-n,:where(.fr-page:not(.fr-v5)) .fr-card--glass .fr-card-n{color:var(--rf-tint)}
:where(.fr-page:not(.fr-v5)) a.fr-card{color:inherit;text-decoration:none;transition:border-color var(--rf-duration-feedback) var(--rf-ease-feedback)}
:where(.fr-page:not(.fr-v5)) a.fr-card:hover{border-color:var(--blue)}
/* Lists: blue checkmarks, never chips (BLK rule). */
:where(.fr-page:not(.fr-v5)) .fr-checks,:where(.fr-page:not(.fr-v5)) .fr-dots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(.fr-page:not(.fr-v5)) .fr-checks>li,:where(.fr-page:not(.fr-v5)) .fr-dots>li{display:flex;gap:10px;line-height:1.5}
:where(.fr-page:not(.fr-v5)) .fr-checks>li::before,:where(.fr-page:not(.fr-v5)) .fr-dots>li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;background:var(--blue);-webkit-mask:var(--fr-check) center/contain no-repeat;mask:var(--fr-check) center/contain no-repeat}
:where(.fr-page:not(.fr-v5)) .fr-dots{gap:8px}
:where(.fr-page:not(.fr-v5)) .fr-dots>li{align-items:center;font-size:15px;font-weight:500;color:var(--text)}
:where(.fr-page:not(.fr-v5)) .fr-dots>li::before{width:16px;height:16px;margin:0}
.fr-page:not(.fr-v5){--fr-check: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")}
:where(.fr-page:not(.fr-v5)) :is(.fr-sec--field,.fr-card--field) :is(.fr-checks,.fr-dots)>li::before{background:var(--rf-tint)}
/* Steps ("How it works"): numbered cards; the controller auto-advances them. */
:where(.fr-page:not(.fr-v5)) .fr-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--fr-gap);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){:where(.fr-page:not(.fr-v5)) .fr-steps{grid-template-columns:repeat(var(--fr-steps,3),minmax(0,1fr))}}
@media(min-width:720px) and (max-width:899px){:where(.fr-page:not(.fr-v5)) .fr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
:where(.fr-page:not(.fr-v5)) .fr-step{display:flex;flex-direction:column;gap:14px;min-width:0;padding:clamp(20px,2vw,28px);border:1px solid var(--line);border-radius:var(--rf-radius-card);background:var(--card)}
:where(.fr-page:not(.fr-v5)) .fr-step-top{display:flex;align-items:center;gap:12px}
:where(.fr-page:not(.fr-v5)) .fr-num{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--blue);color:white;font:700 14px/1 var(--rf-sans);font-variant-numeric:tabular-nums}
:where(.fr-page:not(.fr-v5)) .fr-step-k{font:600 11px/1.2 var(--rf-action);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
:where(.fr-page:not(.fr-v5)) .fr-step h3{margin:0;font:700 var(--rf-type-card)/1.3 var(--rf-sans);color:var(--text)}
.fr-page:not(.fr-v5) .fr-step p{font-size:15px}
:where(.fr-page:not(.fr-v5)) .fr-step .fr-dots{margin-top:auto}
:where(.fr-page:not(.fr-v5)) .fr-step .fr-dots>li{min-height:30px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper-2);font-size:13px;font-weight:600;line-height:1}
:where(.fr-page:not(.fr-v5)) .fr-step .fr-dots>li::before{width:6px;height:6px;border-radius:50%;-webkit-mask:none;mask:none}
:where(.fr-page:not(.fr-v5)) :is(.fr-step.is-on,.fr-step--hi) .fr-dots>li{background:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .25);color:white}
:where(.fr-page:not(.fr-v5)) .fr-steps.is-auto .fr-step{transition:background-color .9s ease,border-color .9s ease,box-shadow .9s ease}
:where(.fr-page:not(.fr-v5)) .fr-steps.is-auto .fr-step :is(h3,p,.fr-step-k,.fr-num,li){transition:color .9s ease,background-color .9s ease}
:where(.fr-page:not(.fr-v5)) .fr-step.is-on,:where(.fr-page:not(.fr-v5)) .fr-step--hi{background:linear-gradient(135deg,var(--blue-deep),var(--rf-blue-deep-2));border-color:var(--rf-blue-deep-2);box-shadow:0 24px 50px -20px rgb(0 40 90 / .6)}
:where(.fr-page:not(.fr-v5)) :is(.fr-step.is-on,.fr-step--hi) h3{color:white}
.fr-page:not(.fr-v5) :is(.fr-step.is-on,.fr-step--hi) :is(p,li,.fr-step-k){color:var(--rf-tint)}
:where(.fr-page:not(.fr-v5)) :is(.fr-step.is-on,.fr-step--hi) .fr-num{background:white;color:var(--rf-blue-deep-2)}
:where(.fr-page:not(.fr-v5)) :is(.fr-step.is-on,.fr-step--hi) .fr-dots>li::before{background:#9CC7FF}
:where(.fr-page:not(.fr-v5)) .fr-step-prog{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:var(--fr-gap);margin-top:16px;pointer-events:none}
:where(.fr-page:not(.fr-v5)) .fr-step-prog span{display:flex;align-items:center;gap:10px;font:600 11px/1 var(--rf-action);letter-spacing:.08em;color:var(--text-2);transition:color .6s ease}
:where(.fr-page:not(.fr-v5)) .fr-step-prog span.is-on{color:var(--text)}
:where(.fr-page:not(.fr-v5)) .fr-step-prog b{font-weight:600;width:1.6em}
:where(.fr-page:not(.fr-v5)) .fr-step-prog i{position:relative;flex:1;height:2px;border-radius:2px;background:var(--line-2);overflow:hidden}
:where(.fr-page:not(.fr-v5)) .fr-step-prog i::after{content:"";position:absolute;inset:0;background:var(--blue);transform-origin:left;transform:scaleX(var(--f,0))}
:where(.fr-page:not(.fr-v5)) .fr-step-prog span.is-run i::after{animation:fr-fill var(--dur,7s) linear forwards}
:where(.fr-page:not(.fr-v5)) .fr-step-prog.is-paused span.is-run i::after{animation-play-state:paused}
@keyframes fr-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:899px){:where(.fr-page:not(.fr-v5)) .fr-step-prog{display:none}}
:where(.fr-page:not(.fr-v5)) .fr-effect{display:flex;flex-direction:column;gap:6px;margin-top:var(--fr-gap);padding:18px 24px;border:1px solid var(--line);border-radius:var(--rf-radius-control);background:var(--card)}
:where(.fr-page:not(.fr-v5)) .fr-effect-k{font:700 11px/1.2 var(--rf-action);letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.fr-page:not(.fr-v5) .fr-effect p{color:var(--text);font-weight:600}
@media(min-width:900px){:where(.fr-page:not(.fr-v5)) .fr-effect{flex-direction:row;align-items:center;gap:48px;padding:0 36px;min-height:60px}}
/* Stats row: values count up once in view (controller); final values render without JS. */
:where(.fr-page:not(.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)}
:where(.fr-page:not(.fr-v5)) .fr-stats>li{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:2px solid var(--line-2)}
:where(.fr-page:not(.fr-v5)) .fr-stats>li:first-child{border-top-color:var(--blue)}
:where(.fr-page:not(.fr-v5)) .fr-stat{font:700 clamp(32px,calc(12px + 2.4vw),56px)/1.1 var(--rf-heading);letter-spacing:-.02em;color:var(--blue);font-variant-numeric:tabular-nums}
@media(min-width:640px){:where(.fr-page:not(.fr-v5)) .fr-stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:960px){:where(.fr-page:not(.fr-v5)) .fr-stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Statement */
:where(.fr-page:not(.fr-v5)) .fr-statement{display:flex;flex-direction:column;align-items:center;gap:var(--rf-space-copy);text-align:center;margin-inline:auto;max-width:900px}
:where(.fr-page:not(.fr-v5)) .fr-statement h2{font-size:var(--rf-type-close);text-transform:uppercase;line-height:1.12;max-width:24ch}
/* From / to rows on a deep blue field */
:where(.fr-page:not(.fr-v5)) .fr-shift{list-style:none;margin:0;padding:0;display:grid;gap:12px}
:where(.fr-page:not(.fr-v5)) .fr-shift>li{display:grid;gap:8px 32px;padding:18px 24px;border:1px solid rgb(255 255 255 / .16);border-radius:var(--rf-radius-control);background:rgb(255 255 255 / .05)}
@media(min-width:760px){:where(.fr-page:not(.fr-v5)) .fr-shift>li{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}}
:where(.fr-page:not(.fr-v5)) .fr-shift-arrow{color:var(--rf-tint)}
/* Numbered overview strip */
:where(.fr-page:not(.fr-v5)) .fr-strip{list-style:none;margin:0;padding:0;display:grid;gap:var(--fr-gap);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));counter-reset:fr-strip}
:where(.fr-page:not(.fr-v5)) .fr-strip>li{counter-increment:fr-strip;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:2px solid var(--line-2);font-weight:600}
:where(.fr-page:not(.fr-v5)) .fr-strip>li::before{content:counter(fr-strip,decimal-leading-zero);font:600 12px/1 var(--rf-action);color:var(--blue)}
/* FAQ: native details; the <details><summary>…<p class="a"> markup feeds FAQPage JSON-LD and must stay. */
:where(.fr-page:not(.fr-v5)) .fr-faq{display:grid;gap:24px 64px}
@media(min-width:960px){:where(.fr-page:not(.fr-v5)) .fr-faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
:where(.fr-page:not(.fr-v5)) .fr-faq-list{border-bottom:1px solid var(--line);counter-reset:fr-faq}
:where(.fr-page:not(.fr-v5)) .fr-faq-list details{border-top:1px solid var(--line);counter-increment:fr-faq}
:where(.fr-page:not(.fr-v5)) .fr-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;min-height:72px;padding:12px 0;font:700 clamp(16px,calc(15px + .4vw),19px)/1.4 var(--rf-sans);color:var(--text)}
:where(.fr-page:not(.fr-v5)) .fr-faq-list summary::-webkit-details-marker{display:none}
:where(.fr-page:not(.fr-v5)) .fr-faq-list summary::before{content:counter(fr-faq,decimal-leading-zero);flex:none;width:28px;font:600 12px/1 var(--rf-action);color:var(--blue)}
:where(.fr-page:not(.fr-v5)) .fr-faq-list summary::after{content:"";flex:none;margin-left:auto;width:20px;height:20px;background:linear-gradient(var(--text),var(--text)) center/16px 2px no-repeat,linear-gradient(var(--text),var(--text)) center/2px 16px no-repeat;transition:background-size .2s}
:where(.fr-page:not(.fr-v5)) .fr-faq-list details[open] summary::after{background-size:16px 2px,2px 0}
.fr-page:not(.fr-v5) .fr-faq-list details>p{padding:0 0 22px 46px;max-width:64ch}
/* Filters (blog index, related cards) */
:where(.fr-page:not(.fr-v5)) .fr-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
:where(.fr-page:not(.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}
:where(.fr-page:not(.fr-v5)) .fr-pill:is(.is-on,[aria-pressed="true"]){background:var(--blue);border-color:var(--blue);color:white}
/* Comparison table */
:where(.fr-page:not(.fr-v5)) .fr-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rf-radius-card);background:var(--card);padding:clamp(12px,2vw,24px)}
:where(.fr-page:not(.fr-v5)) .fr-table{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
:where(.fr-page:not(.fr-v5)) .fr-table th{padding:0 12px 10px 0;text-align:left;font:500 11px/1.3 var(--rf-action);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}
:where(.fr-page:not(.fr-v5)) .fr-table td{padding:12px 12px 12px 0;border-top:1px solid var(--line);vertical-align:top}
/* Mid-page band and closing band */
:where(.fr-page:not(.fr-v5)) .fr-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:clamp(24px,3vw,44px) clamp(24px,3.6vw,56px);border-radius:var(--rf-radius-card)}
:where(.fr-page:not(.fr-v5)) .fr-band>div{display:flex;flex-direction:column;gap:8px;flex:1 1 420px}
:where(.fr-page:not(.fr-v5)) .fr-band h2{font-size:clamp(22px,calc(16px + 1vw),32px);max-width:none}
:where(.fr-page:not(.fr-v5)) .fr-close{display:grid;gap:40px;align-items:center}
:where(.fr-page:not(.fr-v5)) .fr-close-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
:where(.fr-page:not(.fr-v5)) .fr-close-copy h2{font-size:var(--rf-type-close);text-transform:uppercase;line-height:1.12;max-width:18ch}
:where(.fr-page:not(.fr-v5)) .fr-fan{display:none;align-items:center;gap:18px;color:rgb(160 196 255 / .55)}
:where(.fr-page:not(.fr-v5)) .fr-fan svg{width:170px;height:240px;flex:none}
:where(.fr-page:not(.fr-v5)) .fr-fan ul{list-style:none;margin:0;padding:0;font:700 clamp(18px,calc(10px + 1vw),26px)/1.35 var(--rf-heading);text-transform:uppercase;color:white}
@media(min-width:640px){:where(.fr-page:not(.fr-v5)) .fr-fan{display:flex}}
@media(min-width:960px){:where(.fr-page:not(.fr-v5)) .fr-close{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){:where(.fr-page:not(.fr-v5)) .fr-fan-glow{display:none}}
/* Sticky sub-navigation: page name, divider, section links; flush under the global nav. */
:where(.fr-page:not(.fr-v5)) .fr-subnav{position:sticky;top:var(--fr-nav-h,56px);z-index:40;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 6px 16px -12px rgb(0 40 90 / .3)}
:where(.fr-page:not(.fr-v5)) .fr-subnav .fr-wrap{display:flex;align-items:center;gap:20px;min-height:60px}
:where(.fr-page:not(.fr-v5)) .fr-subnav-t{flex:none;padding-right:20px;border-right:1px solid var(--line-2);font:700 13px/1.2 var(--rf-heading);text-transform:uppercase;white-space:nowrap;color:var(--text)}
:where(.fr-page:not(.fr-v5)) .fr-subnav-links{display:flex;gap:22px;flex:1;overflow-x:auto;scrollbar-width:none}
:where(.fr-page:not(.fr-v5)) .fr-subnav-links a{padding:10px 0;font-size:14px;font-weight:500;white-space:nowrap;color:var(--text);text-decoration:none}
:where(.fr-page:not(.fr-v5)) .fr-subnav-links a:hover{color:var(--blue)}
:where(.fr-page:not(.fr-v5)) .fr-subnav-links a[aria-current="true"]{color:var(--blue);font-weight:700}
@media(max-width:767px){:where(.fr-page:not(.fr-v5)) .fr-subnav-t{display:none}}
/* Customer story (built, placed only with live copy) */
:where(.fr-page:not(.fr-v5)) .fr-story{display:grid;gap:clamp(32px,4vw,64px);align-items:center}
:where(.fr-page:not(.fr-v5)) .fr-story figure{margin:0;display:flex;flex-direction:column;gap:24px}
:where(.fr-page:not(.fr-v5)) .fr-story blockquote{margin:0;font-size:clamp(20px,calc(12px + 1.2vw),32px);line-height:1.38;font-weight:600;letter-spacing:-.01em;max-width:34ch;color:var(--text)}
@media(min-width:960px){:where(.fr-page:not(.fr-v5)) .fr-story{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
/* Route grid (home) */
:where(.fr-page:not(.fr-v5)) .fr-routes{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
:where(.fr-page:not(.fr-v5)) .fr-routes 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);font-weight:700;text-decoration:none}
:where(.fr-page:not(.fr-v5)) .fr-routes a:hover{border-color:var(--blue)}
:where(.fr-page:not(.fr-v5)) .fr-routes .ui-arrow{margin-left:auto;color:var(--blue)}
@media(min-width:640px){:where(.fr-page:not(.fr-v5)) .fr-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){:where(.fr-page:not(.fr-v5)) .fr-routes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(forced-colors:active){:where(.fr-page:not(.fr-v5)) .fr-sec--field,:where(.fr-page:not(.fr-v5)) .fr-card--field,:where(.fr-page:not(.fr-v5)) .fr-band,:where(.fr-page:not(.fr-v5)) .fr-hero-card{background-image:none}}

@media(max-width:1000px){.ds-reference-layout{gap:36px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){.fr-chapter{padding-block:var(--rf-space-section)}.fr-split{grid-template-columns:1fr;gap:var(--rf-space-scene)}.fr-copy{max-width:600px}.fr-window-head{padding:18px 20px;min-height:64px}.ds-reference-layout{display:block}.ds-reference-index{position:static;max-height:none;overflow:visible;scrollbar-gutter:auto;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px}.ds-reference-content .ds__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.fr-page h1{font-size:32px}.fr-page h2{font-size:28px}}
@media(max-width:380px){h1.fr-heading,.fr-heading.fr-heading--statement{font-size:32px}h2.fr-heading{font-size:28px}}
@media(prefers-reduced-motion:reduce){.fr-page *,.fr-page *::before,.fr-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---- v5 additions (FRAI-7521): blocks the owner requested beyond the v5 microsite ---- */
/* Shift cards: numbered before and after cards on a deep blue field (Why AI-Native). */
.fr-v5 .fr-shift-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--fr-gap);grid-template-columns:minmax(0,1fr);counter-reset:fr-shift}
@media(min-width:760px){.fr-v5 .fr-shift-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1180px){.fr-v5 .fr-shift-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
.fr-v5 .fr-shift-cards>li{counter-increment:fr-shift;display:flex;flex-direction:column;gap:14px;min-width:0;padding:clamp(20px,2vw,28px);border:1px solid rgb(255 255 255 / .16);border-radius:var(--rf-radius-card);background:rgb(255 255 255 / .05)}
.fr-v5 .fr-shift-cards>li::before{content:counter(fr-shift,decimal-leading-zero);font:600 12px/1 var(--rf-label);letter-spacing:.08em;color:var(--rf-tint)}
.fr-v5 .fr-g-field .fr-shift-cards .fr-shift-from{margin:0;font-size:15px;line-height:1.45;color:rgb(204 228 255 / .72);text-decoration:line-through;text-decoration-color:rgb(204 228 255 / .45);text-decoration-thickness:1px}
.fr-v5 .fr-shift-cards .fr-shift-arrow{margin-top:auto;width:18px;height:18px;flex:none;fill:none;stroke:var(--rf-tint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fr-v5 .fr-g-field .fr-shift-cards .fr-shift-to{margin:0;min-height:2.6em;font:700 clamp(17px,calc(15px + .35vw),20px)/1.3 var(--rf-sans);color:#fff}
/* Stat sources: a quiet citation line under each stat label. */
.fr-v5 .fr-stats .fr-stat-src{display:block;margin-top:2px;font:500 11px/1.5 var(--rf-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}
/* Sub-navigation rows longer than the bar scroll sideways; a soft fade marks the hidden side. */
.fr-v5 .fr-sub-links{position:relative}
.fr-v5 .fr-sub-links.fr-more-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.fr-v5 .fr-sub-links.fr-more-start{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px);mask-image:linear-gradient(90deg,transparent,#000 48px)}
.fr-v5 .fr-sub-links.fr-more-start.fr-more-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
/* Live tools inside v5 pages (TCO calculator, questionnaire, catalog): the live markup keeps its
   behavior hooks; this places it in the v5 card and applies v5 surfaces. Protected FRAI-7011 rules
   (.fld--check, HubSpot form styles) are untouched. */
.fr-v5 .fr-live-tool.rs-page{padding:0;min-height:0;background:none;max-width:none}
.fr-v5 .fr-rx-tco-card .fr-live-tool{margin-block:clamp(16px,2vw,24px)}
.fr-v5 .fr-live-tool .tco__side{border-radius:var(--rf-radius-card);border:1px solid var(--line);background:var(--card)}
.fr-v5 .fr-live-tool .tco__side+.tco__side{border-color:transparent;background:linear-gradient(135deg,var(--blue-deep),var(--rf-blue-deep-2));color:#fff}
.fr-v5 .fr-live-tool .tco__side+.tco__side :is(.tco__side-lbl,.tco__side-total,.tco__side-total i,p,li,span,small,dt,dd,b){color:#fff}
.fr-v5 .fr-live-tool .tco__side+.tco__side :is(.tco__side-lbl,small,p){color:var(--rf-tint)}
.fr-v5 .fr-live-tool :is(.tco__cat-btn,.tco__preset){border-radius:var(--rf-radius-control)}
.fr-v5 .fr-live-tool .tco__preset[aria-pressed="true"],.fr-v5 .fr-live-tool .tco__cat-btn[aria-pressed="true"]{border-color:var(--blue)}
@media(min-width:1180px){.fr-v5 .fr-live-tool .ic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Article reading column (v5 article layout). v5 styles h2 and p; these cover the rest of
   what the blog pipeline emits (docs/design/blog-template.md) in the same register. */
.fr-v5 .fr-ar-share > div{display:flex;flex-wrap:wrap;gap:8px}
/* Share buttons: the secondary button at the compact size the sub-nav uses. */
.fr-v5 .fr-ar-share .fr-button{min-height:40px;height:40px;padding:0 16px;font-size:14px;flex:none}
/* The share row sits inside the contents rail: undo the rail's link styling on its buttons. */
.fr-v5 .fr-ar-toc .fr-ar-share a.fr-ar-net{display:inline-flex;width:40px;margin:0;padding:0;border:1px solid var(--line-2);font-size:14px;line-height:1;color:var(--text-2)}
.fr-v5 .fr-ar-toc .fr-ar-share a.fr-ar-net:hover{color:var(--text);background:var(--paper-2)}
.fr-v5 .fr-ar-share .fr-button.ok{color:var(--ok)}
.fr-v5 .fr-ar-net svg{width:16px;height:16px;fill:currentColor;flex:none}
.fr-v5 .fr-ar-prose h2{scroll-margin-top:150px}
.fr-v5 .fr-ar-prose h2:not(:first-child){margin-top:clamp(36px,4vw,52px)}
.fr-v5 .fr-ar-prose h3{font-size:clamp(19px,1.7vw,21px);line-height:1.3;margin:32px 0 12px}
.fr-v5 .fr-ar-prose :is(ul,ol:not(.fr-ar-fn)){margin:0 0 18px;padding-left:1.3em;color:var(--ink-2,#2C3138)}
.fr-v5 .fr-ar-prose :is(ul,ol:not(.fr-ar-fn)) > li{margin:0 0 8px}
.fr-v5 .fr-ar-prose :is(ul,ol:not(.fr-ar-fn)) > li::marker{color:var(--blue)}
.fr-v5 .fr-ar-prose a{color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px}
.fr-v5 .fr-ar-prose a:hover{color:var(--blue)}
.fr-v5 .fr-ar-prose strong{color:var(--text)}
.fr-v5 .fr-ar-prose figure{margin:32px 0}
.fr-v5 .fr-ar-prose figure img{display:block;width:100%;height:auto;border-radius:var(--rf-radius-card);border:1px solid var(--line)}
.fr-v5 .fr-ar-prose figcaption{margin-top:10px;font:500 12px/1.4 var(--rf-label);letter-spacing:.04em;color:var(--text-2)}
.fr-v5 .fr-ar-prose blockquote:not(.fr-ar-q){margin:28px 0;padding:clamp(24px,3vw,36px);border-radius:var(--rf-radius-card);background:linear-gradient(135deg,var(--blue-deep),#004085)}
.fr-v5 .fr-ar-prose blockquote:not(.fr-ar-q) p{font-size:clamp(21px,2.1vw,26px);line-height:1.4;font-weight:600;color:#fff;margin:0}
.fr-v5 .fr-ar-prose code{font:500 .86em/1.4 var(--rf-label);padding:.12em .4em;border-radius:6px;background:var(--paper-2);border:1px solid var(--line)}
.fr-v5 .fr-ar-prose pre{margin:0 0 18px;padding:18px 20px;overflow-x:auto;border-radius:var(--rf-radius-control);background:var(--paper-2);border:1px solid var(--line);font-size:14px;line-height:1.6}
.fr-v5 .fr-ar-prose pre code{padding:0;border:0;background:none;font-size:inherit}
.fr-v5 .fr-ar-prose .callout{margin:24px 0;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--rf-radius-control);background:var(--card)}
.fr-v5 .fr-ar-prose .callout--warn{border-left-color:var(--hold)}
.fr-v5 .fr-ar-prose .callout__lbl{display:block;margin-bottom:6px;font:600 12px/1.3 var(--rf-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.fr-v5 .fr-ar-prose .callout p{font-size:16px;margin:0}
.fr-v5 .fr-ar-prose .tblwrap{margin:24px 0;overflow-x:auto;border:1px solid var(--line);border-radius:var(--rf-radius-card);background:var(--card)}
.fr-v5 .fr-ar-prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.fr-v5 .fr-ar-prose th{text-align:left;padding:12px 16px;font:600 12px/1.3 var(--rf-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:var(--paper-2);border-bottom:1px solid var(--line)}
.fr-v5 .fr-ar-prose td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
.fr-v5 .fr-ar-prose tr:first-child td{border-top:0}
.fr-v5 .fr-ar-prose .fr-ar-about{margin-top:clamp(36px,4vw,52px)}
.fr-v5 .fr-ar-prose > :is(p,ul,ol:not(.fr-ar-fn)),.fr-v5 .fr-ar-prose > :is(ul,ol:not(.fr-ar-fn)) > li{font-size:inherit;line-height:inherit}
.fr-v5 .fr-ar-q footer{padding:0;margin:0;background:none;border:0}
.fr-v5 .fr-ar-prose .fr-ar-about p{line-height:inherit}
@media (max-width:960px){.fr-v5 .fr-ar-sec .fr-ar-grid{grid-template-columns:minmax(0,1fr)}}
/* Team photos (current site headshots) in the v5 avatar positions: About 72px, Press 64px. */
.fr-v5 .fr-rx-photo{display:block;width:72px;height:72px;flex:none;border-radius:50%;object-fit:cover;background:var(--blue-wash)}
.fr-v5 .fr-rx-people .fr-rx-photo{width:64px;height:64px;margin-bottom:6px}
/* Press screenshots: the real captures fill the card image slot. */
.fr-v5 .fr-rx-shots img.fr-rx-shot{display:block;width:100%;height:140px;object-fit:cover;object-position:top left;border-bottom:1px solid var(--line)}
/* Press palette copy buttons */
.fr-v5 .fr-rx-pal .hexcopy{align-self:flex-start;margin:4px 0 0;font:600 11px/1 var(--rf-label);letter-spacing:.06em;padding:6px 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--card);color:var(--text-2);vertical-align:baseline}
.fr-v5 .fr-rx-pal .hexcopy:hover{background:var(--paper-2);color:var(--text);border-color:var(--line-2)}
.fr-v5 .fr-rx-pal .hexcopy.ok{color:var(--ok)}
/* Utility note card (legal pages): one reading-width card on the paper ground. */
.fr-v5 .fr-ut-note{max-width:760px}
.fr-v5 .fr-ut-note p{font-size:17px;line-height:1.7;color:var(--text)}
/* Contact Sales: the v5 category tag above the title, scoped to the tag so the protected form is untouched. */
.fr-v5.cs-tagline{background:none;margin:0 0 18px;display:flex}
.fr-v5 .fr-rx-team .fr-card > .fr-link{margin-top:auto}
.fr-v5 .fr-rx-note{margin-top:24px;font-size:15px;color:var(--text-2)}
.fr-v5 .fr-rx-note a{color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px}
.fr-v5 .fr-ut-note p + p{margin-top:16px}
.fr-v5 .fr-hc-text .ut-maintained{margin-top:4px}
/* About: origin steps sit under "Why we built First Recon AI"; principles are light cards (the light twin of .fr-glass). */
.fr-v5 .fr-rx-divider{margin:clamp(48px,6vw,80px) 0 clamp(36px,4vw,56px);border:0;border-top:1px solid var(--line)}
/* Numbered overview with four points: two columns on tablets, four on desktop (the base strip steps to five). */
@media (min-width:720px){.fr-v5 .fr-pv-strip.fr-pv-strip--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.fr-v5 .fr-pv-strip.fr-pv-strip--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fr-v5 .fr-rx-principle{gap:10px}
.fr-v5 .fr-rx-principle .fr-step-k{color:var(--blue)}
/* Numbered overview, plain variant: no numbers; vertical rules between columns, horizontal rules when stacked. */
.fr-v5 .fr-pv-strip.fr-pv-strip--plain{gap:0}
.fr-v5 .fr-pv-strip.fr-pv-strip--plain li{border-top:0;padding:20px 0}
.fr-v5 .fr-pv-strip.fr-pv-strip--plain li + li{border-top:1px solid var(--line)}
.fr-v5 .fr-pv-strip.fr-pv-strip--plain li:first-child{padding-top:0}
@media (min-width:720px){
 .fr-v5 .fr-pv-strip.fr-pv-strip--plain li{padding:4px clamp(20px,2.5vw,32px);border-top:0;border-left:1px solid var(--line)}
 .fr-v5 .fr-pv-strip.fr-pv-strip--plain li + li{border-top:0}
 .fr-v5 .fr-pv-strip.fr-pv-strip--4.fr-pv-strip--plain li:nth-child(2n+1){padding-left:0;border-left:0}
 .fr-v5 .fr-pv-strip.fr-pv-strip--4.fr-pv-strip--plain li:nth-child(n+3){margin-top:28px}
}
@media (min-width:1100px){
 .fr-v5 .fr-pv-strip.fr-pv-strip--4.fr-pv-strip--plain li:nth-child(2n+1){padding-left:clamp(20px,2.5vw,32px);border-left:1px solid var(--line)}
 .fr-v5 .fr-pv-strip.fr-pv-strip--4.fr-pv-strip--plain li:first-child{padding-left:0;border-left:0}
 .fr-v5 .fr-pv-strip.fr-pv-strip--4.fr-pv-strip--plain li:nth-child(n+3){margin-top:0}
}
/* Split statement (block-statement variant): the heading on the left, its supporting paragraphs on the
   right, top-aligned on the grid; stacks on phones. Replaces centered statements (owner decision). */
.fr-v5 .fr-intro{display:grid;gap:20px}
.fr-v5 .fr-intro h2{margin:0;max-width:none}
.fr-v5 .fr-intro-body{display:flex;flex-direction:column;gap:16px}
.fr-v5 .fr-intro-body .fr-lead{margin:0;max-width:62ch}
@media (min-width:900px){.fr-v5 .fr-intro{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,6vw,96px);align-items:start}.fr-v5 .fr-intro h2{max-width:20ch}}
/* Closing on a single column (below 960px): everything centers, heading, actions, trial line and the fan. */
@media (max-width:959px){
 .fr-v5 .fr-closing{justify-items:center;text-align:center}
 .fr-v5 .fr-closing > div:first-child{align-items:center}
 .fr-v5 .fr-closing h2{margin-inline:auto}
 .fr-v5 .fr-closing .fr-ctas{justify-content:center}
 .fr-v5 .fr-closing .fr-fan{justify-content:center}
 .fr-v5 .fr-closing .fr-fan ul{text-align:left}
}
@media (max-width:479px){.fr-v5 .fr-closing .fr-ctas{flex-direction:column;align-items:stretch;width:min(100%,320px)}}
/* Services window demos (FRAI-7521): delivery cadence, exposure board and executive agenda. Each reads
   correctly in its final state without JavaScript; entrance.mjs plays them while in view. */
.fr-v5 .fr-rl-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.fr-v5 .fr-rl-stage{position:relative;padding:8px 0 0;border-top:3px solid var(--line);font:600 12px/1.3 var(--rf-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);transition:border-color .3s,color .3s}
.fr-v5 .fr-rl-stage.on{border-top-color:var(--blue);color:var(--text)}
.fr-v5 .fr-rl-stage.cur{border-top-color:var(--blue-glow,#298FFF);color:var(--blue-deep)}
.fr-v5 .fr-rl-head{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}
.fr-v5 .fr-rl-list{display:flex;flex-direction:column;gap:10px;min-height:138px;transition:opacity .3s}
.fr-v5 .fr-rl-list.fade{opacity:0}
.fr-v5 .fr-rl-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--rf-radius-control);background:var(--card);font-size:14px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.fr-v5 .fr-rl-row.in{opacity:1;transform:none}
.fr-v5 .fr-rl-track{height:8px;border-radius:999px;background:var(--paper-2);overflow:hidden}
.fr-v5 .fr-rl-track i{display:block;height:100%;width:0;border-radius:inherit;background:var(--blue);transition:width .9s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-rl-note{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0}
.fr-v5 .fr-ex-head{display:flex;justify-content:space-between;align-items:center}
.fr-v5 .fr-ex-n{font:700 28px/1 var(--rf-display);color:var(--blue-deep)}
.fr-v5 .fr-ex-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fr-v5 .fr-ex-col{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 8px;border-radius:var(--rf-radius-control);background:var(--paper-2)}
.fr-v5 .fr-ex-col .fr-lbl{font-size:10px;color:var(--text-2)}
.fr-v5 .fr-ex-cards{display:flex;flex-direction:column;gap:8px;min-height:190px}
.fr-v5 .fr-ex-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12px;line-height:1.35;transition:opacity .26s,transform .26s,border-color .3s}
.fr-v5 .fr-ex-card b{font-weight:600}
.fr-v5 .fr-ex-card .fr-st{height:20px;padding:0 8px;font-size:11px}
.fr-v5 .fr-ex-card.out{opacity:0;transform:translateX(10px)}
.fr-v5 .fr-ex-card.enter{opacity:0;transform:translateX(-10px)}
.fr-v5 .fr-ex-card.ver{border-color:var(--ok)}
.fr-v5 .fr-ex-card.ver::after{content:"Verified";font:600 10px/1 var(--rf-label);letter-spacing:.06em;text-transform:uppercase;color:var(--ok)}
.fr-v5 .fr-ag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px}
.fr-v5 .fr-ag-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.fr-v5 .fr-ag-i{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:4px 10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:13px;font-weight:600;line-height:1.35;transition:border-color .3s,background-color .3s}
.fr-v5 .fr-ag-i.cur{border-color:var(--blue);background:var(--blue-wash)}
.fr-v5 .fr-ag-box{width:18px;height:18px;border:1.5px solid var(--line-2);border-radius:5px;transition:background-color .3s,border-color .3s}
.fr-v5 .fr-ag-i.done .fr-ag-box{background:var(--ok);border-color:var(--ok);box-shadow:inset 0 0 0 3px var(--card)}
.fr-v5 .fr-ag-st{grid-column:2;font:600 10px/1 var(--rf-label);letter-spacing:.06em;text-transform:uppercase;color:var(--ok);opacity:0;transition:opacity .3s}
.fr-v5 .fr-ag-i.done .fr-ag-st{opacity:1}
.fr-v5 .fr-ag-road{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(30px,auto);gap:8px 4px;margin-top:8px;padding-top:4px;background:linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/25% 100%}
.fr-v5 .fr-ag-q{font:600 11px/1 var(--rf-label);color:var(--text-2);padding:4px 6px}
.fr-v5 .fr-ag-bar{align-self:center;padding:7px 10px;border-radius:8px;background:var(--blue);color:#fff;font-size:12px;font-weight:600;line-height:1.25;opacity:0;transform:scaleX(.6);transform-origin:left center;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.fr-v5 .fr-ag-bar.on{opacity:1;transform:none}
.fr-v5 .fr-ag-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--rf-radius-control);background:var(--blue-deep);color:#fff;opacity:.35;transition:opacity .4s}
.fr-v5 .fr-ag-foot.on{opacity:1}
.fr-v5 .fr-ag-foot .fr-mono{color:var(--rf-tint)}
@media (max-width:560px){.fr-v5 .fr-ag{grid-template-columns:minmax(0,1fr)}.fr-v5 .fr-ex-board{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-v5 .fr-ex-cards{min-height:0}}
/* Demo windows whose layout stacks on small screens grow with their content instead of clipping. */
@media (max-width:1023px){.fr-v5 .fr-hero-feed.fr-feed-fit{height:auto;min-height:440px}}
/* FAQ: answers align with their question; a chevron shows open and closed (down closed, up open). */
.fr-page.fr-v5 .fr-faq details > p{padding:0 0 22px 0}
.fr-v5 .fr-faq details > summary::after{content:"";flex:none;margin-left:auto;margin-right:6px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--text-2);transform:translateY(-3px) rotate(45deg);transition:transform .2s ease,color .2s ease}
.fr-v5 .fr-faq details[open] > summary::after{transform:translateY(2px) rotate(-135deg);color:var(--blue-deep)}
.fr-v5 .fr-faq details > summary:hover::after{color:var(--blue-deep)}
@media (prefers-reduced-motion:reduce){.fr-v5 .fr-faq details > summary::after{transition:none}}
/* Photo avatars use the same circles as the initials they replace. */
.fr-v5 img.fr-sx-av,.fr-v5 img.fr-avatar{object-fit:cover;background:var(--paper-2)}
.fr-v5 .fr-rq .rq-s{overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.fr-v5 .fr-a-redact .fr-rq,.fr-v5 .fr-a-redact .fr-rq-out{flex-shrink:0}
/* Unnumbered topic list (numbers are for steps and progressions only). */
.fr-page.fr-v5 .fr-sv-nlist li{grid-template-columns:minmax(0,1fr)}
/* Plain strip with five or three items: no divider on the first item of each row. */
@media (min-width:720px) and (max-width:1099px){.fr-v5 .fr-pv-strip--plain:not(.fr-pv-strip--4) li:nth-child(3n+1){padding-left:0;border-left:0}.fr-v5 .fr-pv-strip--plain:not(.fr-pv-strip--4) li:nth-child(n+4){margin-top:28px}}
@media (min-width:1100px){.fr-v5 .fr-pv-strip--plain:not(.fr-pv-strip--4) li:first-child{padding-left:0;border-left:0}}
.fr-v5 .fr-marquee:focus-visible{outline:2px solid var(--blue-deep);outline-offset:4px;border-radius:var(--rf-radius-control)}