/* ===== Page Theme Variables ===== */
.opt-page[data-page-id="68"],
[data-page-id="68"] {
  --page-audience: public;
  --page-theme: loxis-public-v1;
}

html,body{margin:0;background:#f5f7fa}


/* ===== PageSection 132 : loxis_ui_foundation_v1 ===== */
.lx-ui-ref{
--lx-navy-950:#0b2239;--lx-navy-900:#10365f;--lx-navy-800:#16457a;--lx-navy-700:#235b91;
--lx-brass-700:#765c16;--lx-brass-600:#8a6b1b;--lx-brass-500:#c9a227;--lx-brass-100:#f6efcf;
--lx-ink:#172033;--lx-text:#334155;--lx-muted:#5f6b7a;--lx-canvas:#f5f7fa;--lx-surface:#ffffff;
--lx-subtle:#eef2f6;--lx-border:#d7dee8;--lx-border-strong:#aeb8c6;--lx-success:#067647;
--lx-success-bg:#ecfdf3;--lx-warning:#854d0e;--lx-warning-bg:#fff7ed;--lx-danger:#b42318;
--lx-danger-bg:#fef3f2;--lx-info:#175cd3;--lx-info-bg:#eff8ff;--lx-focus:#2563eb;
--lx-shadow-sm:0 1px 2px rgba(15,23,42,.08);--lx-shadow-md:0 12px 30px rgba(15,23,42,.14);
--lx-r-sm:8px;--lx-r-md:12px;--lx-r-lg:20px;--lx-page:1200px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--lx-text);
background:var(--lx-canvas);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.lx-ui-ref,.lx-ui-ref *,.lx-ui-ref *:before,.lx-ui-ref *:after{box-sizing:border-box}
.lx-ui-ref h1,.lx-ui-ref h2,.lx-ui-ref h3,.lx-ui-ref p{margin-top:0}
.lx-ui-ref h1,.lx-ui-ref h2,.lx-ui-ref h3{color:var(--lx-ink);line-height:1.15;letter-spacing:-.02em}
.lx-ui-ref h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;font-weight:800;margin-bottom:1rem}
.lx-ui-ref h2{font-size:clamp(1.5rem,2.4vw,1.75rem);line-height:1.2;font-weight:750;margin-bottom:.75rem}
.lx-ui-ref h3{font-size:1.125rem;line-height:1.3;font-weight:750;margin-bottom:.45rem}
.lx-ui-ref p{color:var(--lx-muted)}
.lx-ui-ref a{color:var(--lx-navy-800)}
.lx-ui-ref button,.lx-ui-ref input,.lx-ui-ref select,.lx-ui-ref textarea{font:inherit}
.lx-ui-ref button,.lx-ui-ref a{touch-action:manipulation}
.lx-ui-ref :focus-visible{outline:3px solid var(--lx-focus);outline-offset:3px;border-radius:4px}
.lx-skip-link{position:fixed;left:16px;top:12px;z-index:10000;transform:translateY(-160%);padding:10px 14px;background:#fff;color:var(--lx-ink);border:2px solid var(--lx-focus);border-radius:8px;font-weight:800;text-decoration:none}
.lx-skip-link:focus{transform:translateY(0)}
.lx-container{width:min(100% - 32px,var(--lx-page));margin-inline:auto}
.lx-section{padding:72px 0}
.lx-section-sm{padding:40px 0}
.lx-surface{background:var(--lx-surface)}
.lx-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--lx-brass-700);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.lx-kicker:before{content:"";width:24px;height:3px;background:var(--lx-brass-500);border-radius:3px}
.lx-lede{font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;max-width:68ch}
.lx-grid{display:grid;gap:20px}.lx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lx-card{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);box-shadow:var(--lx-shadow-sm);padding:24px;min-width:0}
.lx-card--interactive{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.lx-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--lx-shadow-md);border-color:var(--lx-border-strong)}
.lx-icon-tile{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:12px;background:var(--lx-brass-100);color:var(--lx-brass-700);font-weight:900}
.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:10px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.lx-btn:active{transform:translateY(1px)}
.lx-btn-primary{background:var(--lx-navy-800);color:#fff}.lx-btn-primary:hover{background:var(--lx-navy-900)}
.lx-btn-secondary{background:#fff;color:var(--lx-navy-900);border-color:var(--lx-border-strong)}.lx-btn-secondary:hover{background:var(--lx-subtle)}
.lx-btn-brass{background:var(--lx-brass-500);color:var(--lx-ink)}.lx-btn-brass:hover{background:#b89220}
.lx-btn-danger{background:#fff;color:var(--lx-danger);border-color:#fda29b}.lx-btn-danger:hover{background:var(--lx-danger-bg)}
.lx-btn[disabled],.lx-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none}
.lx-btn-row{display:flex;flex-wrap:wrap;gap:12px}
.lx-field{display:grid;gap:7px}.lx-field>span,.lx-field>label{color:var(--lx-ink);font-size:.875rem;font-weight:750}
.lx-field input,.lx-field select,.lx-field textarea{width:100%;min-height:44px;padding:10px 12px;color:var(--lx-ink);background:#fff;border:1px solid var(--lx-border-strong);border-radius:10px}
.lx-field textarea{min-height:110px;resize:vertical}
.lx-field input[aria-invalid="true"]{border-color:var(--lx-danger);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.lx-help{margin:0;color:var(--lx-muted);font-size:.8rem}.lx-error-text{margin:0;color:var(--lx-danger);font-size:.8rem;font-weight:700}
.lx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lx-span-2{grid-column:1/-1}
.lx-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap}
.lx-badge-neutral{background:var(--lx-subtle);color:var(--lx-text)}.lx-badge-success{background:var(--lx-success-bg);color:var(--lx-success)}.lx-badge-warning{background:var(--lx-warning-bg);color:var(--lx-warning)}.lx-badge-danger{background:var(--lx-danger-bg);color:var(--lx-danger)}.lx-badge-info{background:var(--lx-info-bg);color:var(--lx-info)}
.lx-alert{display:flex;gap:12px;padding:15px 16px;border:1px solid;border-radius:12px;color:var(--lx-text)}
.lx-alert strong{display:block;color:inherit}.lx-alert p{margin:2px 0 0;color:inherit}
.lx-alert-info{background:var(--lx-info-bg);border-color:#b2ddff}.lx-alert-success{background:var(--lx-success-bg);border-color:#abefc6}.lx-alert-warning{background:var(--lx-warning-bg);border-color:#fed7aa}.lx-alert-error{background:var(--lx-danger-bg);border-color:#fecdca}
.lx-state{display:grid;place-items:center;min-height:210px;padding:30px;text-align:center;border:1px dashed var(--lx-border-strong);border-radius:var(--lx-r-lg);background:#fff}
.lx-state>*{max-width:520px}.lx-state p{margin-bottom:16px}
.lx-spinner{width:32px;height:32px;margin-bottom:14px;border:3px solid var(--lx-border);border-top-color:var(--lx-navy-800);border-radius:50%;animation:lx-spin .8s linear infinite}
@keyframes lx-spin{to{transform:rotate(360deg)}}
.lx-skeleton{display:grid;gap:10px;width:100%}.lx-skeleton span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#e8edf3 20%,#f8fafc 45%,#e8edf3 70%);background-size:240% 100%;animation:lx-shimmer 1.3s linear infinite}.lx-skeleton span:nth-child(2){width:82%}.lx-skeleton span:nth-child(3){width:64%}
@keyframes lx-shimmer{to{background-position:-240% 0}}
.lx-table-wrap{overflow:auto;border:1px solid var(--lx-border);border-radius:14px;background:#fff}
.lx-table{width:100%;border-collapse:collapse;min-width:700px}.lx-table th,.lx-table td{padding:13px 15px;border-bottom:1px solid var(--lx-border);text-align:left;vertical-align:middle}.lx-table th{background:var(--lx-subtle);color:var(--lx-ink);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.lx-table tbody tr:last-child td{border-bottom:0}.lx-table tbody tr:hover{background:#f8fafc}
.lx-progress{height:9px;background:#e8edf3;border-radius:999px;overflow:hidden}.lx-progress>span{display:block;height:100%;background:var(--lx-navy-800);border-radius:inherit}
.lx-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--lx-border);border-radius:12px;background:var(--lx-subtle);overflow:auto}.lx-tab{min-height:38px;padding:7px 12px;border:0;border-radius:8px;background:transparent;color:var(--lx-muted);font-weight:750;white-space:nowrap;cursor:pointer}.lx-tab[aria-selected="true"]{background:#fff;color:var(--lx-ink);box-shadow:var(--lx-shadow-sm)}
.lx-modal-backdrop{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:20px;background:rgba(11,34,57,.62)}
.lx-modal{width:min(100%,620px);max-height:min(88vh,760px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.lx-modal-head,.lx-modal-body,.lx-modal-foot{padding:20px 24px}.lx-modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--lx-border)}.lx-modal-head h2{margin:0;font-size:1.35rem}.lx-modal-body{display:grid;gap:18px}.lx-modal-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--lx-border)}.lx-icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--lx-border);border-radius:10px;background:#fff;color:var(--lx-ink);cursor:pointer}
.lx-mobile-only{display:none!important}
@media(max-width:899px){.lx-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-section{padding:56px 0}}
@media(max-width:639px){.lx-container{width:min(100% - 24px,var(--lx-page))}.lx-section{padding:44px 0}.lx-grid-2,.lx-grid-3,.lx-grid-4,.lx-form-grid{grid-template-columns:1fr}.lx-span-2{grid-column:auto}.lx-card{padding:19px}.lx-btn-row>.lx-btn{flex:1 1 auto}.lx-mobile-only{display:initial!important}.lx-desktop-only{display:none!important}.lx-modal-backdrop{padding:0;align-items:end}.lx-modal{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.lx-modal-head,.lx-modal-body,.lx-modal-foot{padding:18px}}
@media(prefers-reduced-motion:reduce){.lx-ui-ref *,.lx-ui-ref *:before,.lx-ui-ref *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(forced-colors:active){.lx-btn,.lx-card,.lx-alert,.lx-table-wrap{border:1px solid CanvasText}.lx-badge{border:1px solid currentColor}}
.lx-ui-ref [hidden]{display:none!important}

/* ===== PageSection 180 : loxis_def_oi_platform_v1 ===== */
.lx-ui-ref{--lx-page:880px;overflow-wrap:break-word}
.lx-ui-ref .lx-lede{max-width:none}
.lx-ui-ref table,.lx-ui-ref th,.lx-ui-ref td,.lx-ui-ref summary,.lx-ui-ref cite,.lx-ui-ref q,.lx-ui-ref blockquote,.lx-ui-ref ol,.lx-ui-ref li,.lx-ui-ref p{font-family:inherit}
.lxp-hero{background:var(--lx-navy-900);padding:76px 0 68px}
.lxp-hero h1{color:#fff}
.lxp-hero .lx-kicker{color:var(--lx-brass-500)}
.lxp-answer{background:var(--lx-navy-800);border-left:4px solid var(--lx-brass-500);border-radius:0 var(--lx-r-lg) var(--lx-r-lg) 0;padding:26px 30px}
.lxp-answer p{margin:0;color:#fff;line-height:1.5}
.lxp-answer b{color:var(--lx-brass-500)}
.lxp-hero-note{margin:22px 0 0;color:#c7d4e4}
.lxp-body{max-width:none}
.lxp-body p{margin-bottom:1rem}
.lxp-pull{border-top:3px solid var(--lx-brass-500);border-bottom:1px solid var(--lx-border);padding:26px 0;margin:36px 0}
.lxp-pull q{display:block;color:var(--lx-ink);font-size:clamp(1.5rem,2.4vw,1.75rem);line-height:1.2;letter-spacing:-.02em;font-weight:750}
.lxp-pull footer{margin-top:14px;color:var(--lx-muted);font-size:.875rem;line-height:1.4;font-weight:700}
.lxp-stat .lxp-num{display:block;color:var(--lx-navy-900);font-size:2rem;line-height:1.1;letter-spacing:-.02em;font-weight:800;margin-bottom:12px}
.lxp-stat p{margin:0;line-height:1.5}
.lxp-stat cite{display:block;margin-top:12px;color:var(--lx-brass-700);font-style:normal;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lxp-faq{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-md);box-shadow:var(--lx-shadow-sm);padding:0 22px;margin-bottom:10px}
.lxp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer;color:var(--lx-ink);font-size:1.125rem;line-height:1.3;letter-spacing:-.02em;font-weight:750;list-style:none}
.lxp-faq summary::-webkit-details-marker{display:none}
.lxp-faq summary:after{content:"+";color:var(--lx-brass-600);font-size:1.5rem;font-weight:700;line-height:1;letter-spacing:0}
.lxp-faq[open] summary:after{content:"-"}
.lxp-faq p{margin:0 0 18px;line-height:1.6}
.lxp-sources{background:var(--lx-navy-950);padding:60px 0 64px}
.lxp-sources h2{color:#fff}
.lxp-sources .lx-kicker{color:var(--lx-brass-500)}
.lxp-sources ol{margin:24px 0 0;padding-left:20px}
.lxp-sources li{margin-bottom:15px;color:#c7d4e4;line-height:1.55}
.lxp-sources a{color:var(--lx-brass-500)}
.lxp-cta{background:var(--lx-navy-800);border-radius:var(--lx-r-lg);padding:44px 34px;text-align:center}
.lxp-cta h2{color:#fff}
.lxp-cta p{color:#c7d4e4;max-width:56ch;margin:0 auto 26px}
.lxp-scrollhint{display:none;margin:-14px 0 26px;color:var(--lx-muted);font-size:.8125rem;line-height:1.4;font-weight:500}
.lx-ui-ref .lxp-body p,.lx-ui-ref p.lxp-body,.lx-ui-ref .lxp-body li,.lx-ui-ref .lx-card p,.lx-ui-ref .lx-alert p,.lx-ui-ref .lx-alert strong,.lx-ui-ref .lx-table td,.lx-ui-ref .lxp-faq p,.lx-ui-ref .lxp-sources li,.lx-ui-ref .lxp-cta p,.lx-ui-ref .lxp-answer p,.lx-ui-ref .lxp-hero-note{font-size:1rem}
/* v6: lede is body size (16px) in the darker Text colour, so it leads by tone, not by a near-miss size. On the Page 50 ladder exactly. */
.lx-ui-ref p.lx-lede,.lx-ui-ref .lxp-body p.lx-lede{font-size:1rem;line-height:1.5;color:var(--lx-text)}
/* v5 TYPE LADDER. Page 50, Section 141 chapter 05: page title 36-44/1.1/800, section title 24-28/1.2/750,
   card title 17-19/1.3/750, body 16/1.5, label 14/700, metadata 13/500, eyebrow 12/800 uppercase.
   Section 132 is shared and is NOT edited; these rules override it on this page only (same specificity, later in the cascade). */
.lx-ui-ref h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;font-weight:800}
.lx-ui-ref h2{font-size:clamp(1.5rem,2.4vw,1.75rem);line-height:1.2;font-weight:750}
.lx-ui-ref h3,.lx-ui-ref .lxp-body h3{font-size:1.125rem;line-height:1.3;font-weight:750}
.lx-ui-ref .lx-kicker{font-weight:800}
@media(max-width:899px){
.lxp-hero{padding:56px 0 50px}
.lxp-sources{padding:50px 0 54px}
}
@media(max-width:639px){
.lxp-hero{padding:40px 0 36px}
.lxp-answer{padding:19px 20px;border-radius:0 var(--lx-r-md) var(--lx-r-md) 0}
.lxp-hero-note{margin-top:18px}
.lxp-pull{margin:28px 0;padding:22px 0}
.lxp-faq{padding:0 17px}
.lx-ui-ref .lxp-faq summary{font-size:1.0625rem;gap:12px}
.lxp-cta{padding:30px 20px}
.lxp-sources{padding:42px 0 46px}
.lxp-scrollhint{display:block}
}

/* ===== PageSection 206 : loxis_public_footer_demo ===== */
/* Copy of Section 190 footer CSS (guidebook palette, Page 50 Sections 132/141) plus a namespaced demo modal. */
.lxpf,.lxpf *{box-sizing:border-box}
.lxpf{background:#eef2f6;border-top:1px solid #d7dee8;color:#334155;padding:56px 0 40px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
.lxpf .lxpf-in{width:min(100% - 32px,1200px);margin-inline:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.lxpf .lxpf-brand .lxpf-logo{display:inline-block;margin-bottom:12px;color:#172033;font-size:19px;font-weight:750;line-height:1.3;letter-spacing:-.01em;text-decoration:none}
.lxpf .lxpf-brand .lxpf-logo sup{font-size:.5em;color:#765c16}
.lxpf .lxpf-brand p{margin:0;max-width:44ch;color:#334155;font-size:16px;line-height:1.5}
.lxpf .lxpf-col{display:flex;flex-direction:column;gap:2px}
.lxpf .lxpf-col strong{margin-bottom:8px;color:#5f6b7a;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.lxpf .lxpf-col a{display:inline-flex;align-items:center;min-height:44px;color:#16457a;font-size:16px;line-height:1.5;text-decoration:none}
.lxpf .lxpf-col a:hover{text-decoration:underline;text-underline-offset:3px}
.lxpf a:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:4px}
.lxpf .lxpf-base{width:min(100% - 32px,1200px);margin:36px auto 0;padding-top:20px;border-top:1px solid #d7dee8;color:#5f6b7a;font-size:13px;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.lxpf .lxpf-base a{display:inline-flex;align-items:center;min-height:44px;color:#16457a;font-size:13px;line-height:1.5;text-decoration:none}
.lxpf .lxpf-base a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:899px){.lxpf .lxpf-in{grid-template-columns:1fr 1fr;gap:28px}.lxpf .lxpf-brand{grid-column:1/-1}}
@media (max-width:639px){.lxpf{padding:44px 0 32px}.lxpf .lxpf-in{grid-template-columns:1fr;gap:24px}.lxpf .lxpf-base{margin-top:28px}}
/* Demo modal, copy of Section 191 styling, lxdf- namespace. */
.lxdf-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(11,34,57,.62);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
.lxdf-backdrop[hidden]{display:none}
.lxdf-modal{position:relative;width:min(100%,520px);background:#ffffff;color:#334155;border:1px solid #d7dee8;border-radius:8px;padding:26px;box-shadow:0 24px 80px rgba(15,23,42,.22)}
.lxdf-modal h2{margin:0 0 18px;font-size:24px;line-height:1.2;font-weight:750;color:#172033}
.lxdf-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f6;color:#172033;font-size:24px;line-height:1;cursor:pointer}
.lxdf-modal form{display:grid;gap:14px}
.lxdf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lxdf-modal label{display:grid;gap:6px;font-size:14px;line-height:1.4;font-weight:700;color:#334155;text-align:left}
.lxdf-modal input,.lxdf-modal textarea{width:100%;border:1px solid #d7dee8;border-radius:6px;background:#ffffff;color:#172033;padding:11px 12px;font:inherit;font-size:16px}
.lxdf-modal textarea{resize:vertical;min-height:96px}
.lxdf-submit{border:0;border-radius:6px;background:#16457a;color:#ffffff;font-weight:800;padding:13px 18px;cursor:pointer;font-size:16px}
.lxdf-submit[disabled]{opacity:.65;cursor:wait}
.lxdf-status{min-height:20px;font-size:13px;color:#5f6b7a}
.lxdf-status.error{color:#b42318}
.lxdf-status.success{color:#067647}
@media(max-width:560px){.lxdf-grid{grid-template-columns:1fr}.lxdf-modal{padding:22px 18px}}