.cx{container:cx / inline-size;width:100%} .cx-page{font-family:"Century Gothic",CenturyGothic,AppleGothic,Arial,Helvetica,sans-serif;color:#F5F7FA;font-size:16px;line-height:1.55;background:#0E2033;background-image:radial-gradient(55% 60% at 64% 30%,rgba(46,211,196,.075),transparent 70%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:auto,88px 88px,88px 88px;overflow-wrap:break-word} .cx-page *,.cx-page *::before,.cx-page *::after{box-sizing:border-box} .cx-page :is(p,h1,h2,h3,h4,ul,ol,dl,dd,figure){margin:0;padding:0} .cx-page :is(ul,ol){list-style:none} .cx-page .cx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .cx-page .cx-wrap{max-width:1232px;margin:0 auto;padding:0 24px} .cx-page .cx-ic{display:block;flex:none} .cx-page .cx-arrow{flex:none;transition:transform .2s ease} .cx-page .cx-tile{width:var(--s);height:var(--s);display:inline-grid;place-items:center;flex:none;border-radius:12px} .cx [hidden]{display:none!important} /* hero (compact) */ .cx-page .cx-hero{background:transparent;color:#E4EBF2;padding:36px 0 40px;border-bottom:1px solid #223D5A} .cx-page .cx-hero-g{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:56px;align-items:center} .cx-page .cx-eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#B4C1D3} .cx-page .cx-h1{margin-top:10px;font-weight:400;font-size:48px;line-height:1.04;letter-spacing:-.045em;color:#fff} .cx-page .cx-h1 em{display:block;font-style:normal;color:#5FD9CC} .cx-page .cx-intro{margin-top:16px;max-width:560px;font-size:17px;color:#DCE4EE} .cx-page .cx-key{border:1px solid #3A506A;border-radius:18px;background:linear-gradient(150deg,#20334F,#182A3A)} .cx-page .cx-key--card{padding:16px 18px} .cx-page .cx-key--m{display:none;padding:0 16px} .cx-page .cx-key-h{margin-bottom:10px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#C3CFDB} .cx-page .cx-key summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;list-style:none;cursor:pointer;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#C3CFDB} .cx-page .cx-key summary::-webkit-details-marker{display:none} .cx-page .cx-key--m ul{padding-bottom:14px} .cx-page .cx-key ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px} .cx-page .cx-key li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:#C3CFDB} .cx-page .cx-key li b{display:block;font-weight:400;font-size:15px;color:#fff} .cx-page .cx-km{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;margin-top:2px} .cx-page .cx-km--doc{color:#2ED3C4;background:rgba(46,211,196,.1);border:1px solid rgba(46,211,196,.55)} .cx-page .cx-km--owner{color:#FFD54F;border:1px dashed rgba(255,213,79,.7)} .cx-page .cx-km--not{color:#C3CCD6;border:1px dashed #8FA6BF} .cx-page .cx-km--concept{color:#B99CFF;border:1px solid rgba(185,156,255,.5);background:rgba(185,156,255,.08)} .cx-page .cx-chev{transition:transform .2s ease} .cx-page details[open]>summary .cx-chev{transform:rotate(180deg)} /* explorer */ .cx-page .cx-ex{padding:40px 0 64px} .cx-page .cx-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none} .cx-page .cx-ex-g{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start} .cx-page .cx-rail{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #3A506A;border-radius:18px;background:linear-gradient(150deg,#20334F,#182A3A);box-shadow:0 5px 12px #0002} .cx-page .cx-rail-h{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#A9BED2} .cx-page .cx-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px} .cx-page .cx-chip span{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:6px 10px;border-radius:999px;border:1px solid #3A506A;font-size:14px;line-height:1.2;text-align:center;color:#F5F7FA;cursor:pointer;background:linear-gradient(145deg,#253B57,#1B2C43)} .cx-page .cx-chip[data-on] span,.cx:not([data-ready]) .cx-chip[for="th-all"] span{background:linear-gradient(145deg,#304963,#23374F);border-color:#7FE3D9;color:#fff;box-shadow:0 0 0 3px #2ED3C41C} .cx:has(.cx-theme:focus-visible) .cx-chip[data-on] span{outline:3px solid #7FE3D9;outline-offset:3px} .cx-page .cx-counts{font-size:13.5px;color:#A9BED2} .cx-page .cx-map{display:flex;flex-direction:column;gap:2px} .cx-page .cx-row{display:grid;grid-template-columns:32px 22px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:6px 10px;border-radius:10px;cursor:pointer;color:#F5F7FA;font-size:15px;line-height:1.3;border:1px solid transparent;touch-action:manipulation} .cx-page .cx-row[data-on]{background:linear-gradient(145deg,#304963,#23374F);border-color:#7FE3D9;box-shadow:inset 3px 0 0 #2ED3C4,0 0 0 3px #2ED3C41C} .cx:has(.cx-radio[name="cx-story"]:focus-visible) .cx-row[data-on]{outline:3px solid #7FE3D9;outline-offset:3px} .cx-page .cx-row-n{font-size:13px;color:#A9BED2} .cx-page .cx-legacy{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:10px;border-top:1px solid #3A506A;font-size:13.5px;color:#A9BED2} .cx-page .cx-legacy a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14.5px;color:#7FE3D9;text-decoration:underline;text-underline-offset:4px} .cx-page .cx-picker{display:none} /* panel */ .cx-page .cx-panel{margin:0;padding:28px 32px 24px;border-radius:20px;background:linear-gradient(150deg,#20334F,#182A3A);border:1px solid #3A506A;box-shadow:0 24px 48px -40px #030A14} .cx-page .cx-ph{scroll-margin-top:var(--cx-stick)} .cx-page .cx-ph{display:flex;gap:16px;align-items:center} .cx-page .cx-kick{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#7FE3D9} .cx-page .cx-h3{margin:4px 0 0;font-weight:400;font-size:32px;line-height:1.12;letter-spacing:-.03em;color:#F5F7FA} .cx-page .cx-h3:focus{outline:none} .cx-page /* site convention: .phase12 h1–h4:focus{outline:none} .cx-page */ .cx-ret{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-size:15px;color:#7FE3D9} .cx-page .cx-short{display:flex;flex-direction:column;gap:14px;margin-top:20px} .cx-page .cx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .cx-page .cx-lims{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin-top:-4px} .cx-page .cx-lims p{margin:0} .cx-page .cx-f{padding-left:14px;border-left:3px solid #3A506A} .cx-page .cx-f-k{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13.5px;color:#A9BED2} .cx-page .cx-f p{margin-top:2px;font-size:17.5px;line-height:1.4;color:#F5F7FA} .cx-page .cx-f--doc{border-left-color:#2ED3C4} .cx-page .cx-ev{display:inline-flex;align-items:center;gap:6px;padding:1px 8px;border-radius:6px;border:1px solid rgba(46,211,196,.55);color:#7FE3D9;font-size:13px;letter-spacing:.02em;line-height:1.4;font-size:13px} .cx-page .cx-no,.cx-page .cx-own{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:8px 12px;border-radius:10px;font-size:14.5px;line-height:1.45} .cx-page .cx-no,.cx-page .cx-own{color:#DCE4EE} .cx-page .cx-no{border:1px dashed #6F86A6;background:#142638} .cx-page .cx-no .cx-ic{color:#9FB0C3;margin-top:2px} .cx-page .cx-own{border:1px dashed rgba(255,213,79,.6);background:rgba(255,213,79,.05)} .cx-page .cx-own .cx-ic{color:#FFD54F;margin-top:2px} .cx-page .cx-no b,.cx-page .cx-own b{font-weight:400;color:#F5F7FA} /* visual */ .cx-page .cx-v{padding:16px 18px 18px;border-radius:18px;background:#142638;border:1px solid #30475F;color:#E4EBF2} .cx-page .cx-v figcaption{font-size:13px;color:#C3CFDB;margin-bottom:12px} .cx-page .vb{display:flex;gap:8px;align-items:center;margin-top:10px;padding:7px 12px;border-radius:10px;font-size:13.5px;line-height:1.4} .cx-page .vb--own{border:1px dashed rgba(255,213,79,.6);color:#FFE7A0}.cx-page .vb--own .cx-ic{color:#FFD54F} .cx-page .vb--not{border:1px dashed #6F86A6;color:#DCE4EE}.cx-page .vb--not .cx-ic{color:#9FB0C3} .cx-page .vb--found{border:1px solid rgba(255,124,138,.55);color:#FFD3D8}.cx-page .vb--found .cx-ic{color:#FF7C8A} .cx-page .vm-k,.cx-page .vh-k,.cx-page .vs-k,.cx-page .vp-k{display:flex;align-items:center;gap:6px;font-size:13px;color:#C3CFDB} .cx-page .vm-n{font-size:13px;color:#9FEDE4} /* doc shapes */ .cx-page .vd{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 12px 12px;border-radius:4px 14px 4px 4px;background:#F5F7FA;color:#203D58;box-shadow:0 10px 20px -12px rgba(0,0,0,.6)} .cx-page .vd::after{content:"";position:absolute;right:0;top:0;width:16px;height:16px;background:linear-gradient(225deg,#142638 50%,#CBD6E1 50%);border-radius:0 0 0 4px} .cx-page .vd-ic{color:#5E6976} .cx-page .vd-k{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#5E6E80;line-height:1.25} .cx-page .vd-v{font-size:15px;line-height:1.3;color:#0E2033} .cx-page .vd--me{background:#E6F1FB;box-shadow:0 0 0 2px #74B9FF,0 0 24px -6px rgba(116,185,255,.8)} .cx-page .vd--me .vd-ic{color:#2C6FC2} .cx-page .vd--me::before{content:"My support";position:absolute;top:-10px;left:10px;padding:0 8px;border-radius:999px;background:#74B9FF;color:#0E2033;font-size:13px;line-height:1.5} .cx-page .vd--own{background:#FFF8E1;box-shadow:0 0 0 1.5px #D9B44A} .cx-page .v-sep{display:grid;grid-template-columns:1fr 1fr auto 1fr;gap:10px;align-items:stretch} .cx-page .v-div{display:flex;align-items:center;justify-content:center;position:relative;min-width:22px} .cx-page .v-div::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1.5px dashed #8FA6BF} .cx-page .v-div span{position:relative;writing-mode:vertical-rl;transform:rotate(180deg);padding:6px 2px;background:#142638;font-size:13px;color:#DCE4EE} .cx-page .v-rel{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center} .cx-page .v-wire{position:relative;display:flex;align-items:center;justify-content:center;min-width:70px;height:2px;border-top:1.5px dashed #9FEDE4} .cx-page .v-wire span{position:absolute;top:-22px;font-size:13px;color:#9FEDE4;white-space:nowrap} .cx-page .v-two{display:grid;grid-template-columns:1fr auto 1.2fr;gap:10px;align-items:stretch} .cx-page .v-hist{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:#0E2033bb;border:1px solid #35516E} .cx-page .vh-r{padding:5px 8px;border-radius:6px;font-size:13px;color:#9FB0C3;background:#1E3150} .cx-page .vh-r--on{color:#0E2033;background:#9FEDE4} .cx-page .vh-n{font-size:13px;color:#C3CFDB} .cx-page .v-track{display:flex;align-items:center;gap:0;margin-top:6px} .cx-page .vt{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13.5px;color:#DCE4EE;padding-right:6px} .cx-page .vt i{width:16px;height:16px;border-radius:50%;background:#2ED3C4;box-shadow:0 0 10px -2px rgba(46,211,196,.8);position:relative;z-index:1} .cx-page .vt:not(.vt--end)::after{content:"";position:absolute;left:16px;right:0;top:7px;height:2px;background:#2ED3C4;opacity:.6} .cx-page .vt--end{flex:1.4} .cx-page .v-sub{margin-top:4px;font-size:13px;color:#9FEDE4} .cx-page .v-fam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .cx-page .v-coll{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;max-width:520px} .cx-page .vc{display:block;aspect-ratio:1;border-radius:5px;background:#2ED3C4;box-shadow:0 0 10px -3px rgba(46,211,196,.7)} .cx-page .vc--open{background:transparent;border:1.5px dashed #C3CCD6;box-shadow:none} .cx-page .vc--sm{border-radius:3px} .cx-page .v-leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:13.5px;color:#DCE4EE} .cx-page .v-leg li{display:flex;align-items:center;gap:8px}.cx-page .v-leg .vc{width:14px;height:14px} .cx-page .v-leg mark{display:inline-block;width:14px;height:14px;border-radius:3px;background:rgba(255,124,138,.35);border:1.5px solid #FF7C8A} .cx-page .v-ux{display:grid;grid-template-columns:1fr 1fr;gap:12px} .cx-page .vs{display:flex;flex-direction:column;gap:8px} .cx-page .vs-scr{position:relative;display:flex;flex-direction:column;gap:6px;height:110px;padding:12px;border-radius:10px;background:#F5F7FA} .cx-page .vs-scr i{display:block;height:8px;border-radius:4px;background:#CBD6E1}.cx-page .vs-scr i.s{width:60%} .cx-page .vs-scr--i{flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:6px} .cx-page .vs-scr--i b{display:block;height:22px;flex:1 1 28%;border-radius:6px;background:#DCE9F7;border:1px solid #74B9FF} .cx-page .vs-scr--i i{flex:1 1 100%;height:34px;background:#E6F1FB} .cx-page .v-mkt{display:grid;grid-template-columns:1fr auto 1fr;gap:10px} .cx-page .vm{display:flex;flex-direction:column;gap:6px} .cx-page .vm-plot{position:relative;display:block;height:96px;border-radius:10px;background:#0E2033bb;border:1px solid #35516E} .cx-page .vm-plot i{position:absolute;left:calc(var(--x) - 5px);top:calc(var(--y) - 5px);width:10px;height:10px;border-radius:50%} .cx-page .vm-plot i.o{background:#2ED3C4;box-shadow:0 0 8px -2px rgba(46,211,196,.8)} .cx-page .vm-plot i.s{border:1.5px dashed #FFD54F} .cx-page .vm--sc .vm-n{color:#FFE08A} .cx-page .v-docmock{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:4px 14px 4px 4px;background:#F5F7FA;color:#203D58;max-width:420px} .cx-page .v-docmock i{display:block;height:8px;border-radius:4px;background:#CBD6E1}.cx-page .v-docmock i.s{width:55%} .cx-page .vdm-h{font-size:16px;color:#0E2033}.cx-page .vdm-f{font-size:14px} .cx-page .v-docmock mark{background:rgba(255,124,138,.22);border:1.5px solid #FF7C8A;border-radius:4px;padding:0 4px;color:#7A1E2A} .cx-page .v-leg--w{color:#DCE4EE} .cx-page .v-math{display:grid;grid-template-columns:1.6fr 1fr;gap:14px} .cx-page .v-math>div{display:flex;flex-direction:column;gap:6px} .cx-page .v-25{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;max-width:340px} .cx-page .v-fx{display:flex;gap:6px;color:#2ED3C4} .cx-page .v-runs{display:flex;flex-direction:column;gap:8px} .cx-page .v-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;max-width:520px} .cx-page .vk{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;border:1.5px dashed rgba(255,213,79,.75);color:#FFD54F} /* disclosures */ .cx-page .cx-dis{margin-top:12px;border:1px solid #30475F;border-radius:14px;background:#142638} .cx-page .cx-dis summary{display:grid;grid-template-columns:20px auto minmax(0,1fr) 20px;align-items:center;gap:4px 12px;min-height:56px;padding:10px 16px;list-style:none;cursor:pointer;color:#F5F7FA;font-size:16.5px} .cx-page .cx-dis summary::-webkit-details-marker{display:none} .cx-page .cx-dis summary .cx-ic{color:#7FE3D9} .cx-page .cx-dis summary small{font-size:13.5px;color:#A9BED2} .cx-page .cx-dis summary:focus-visible{outline:3px solid #7FE3D9;outline-offset:3px;border-radius:14px} .cx-page .cx-dis[open] summary{border-bottom:1px solid #30475F} .cx-page .cx-dis-b{padding:16px 18px 18px;font-size:15.5px;line-height:1.6;color:#DCE4EE} .cx-page .cx-dis-b h4{margin-top:14px;font-weight:400;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:#A9BED2} .cx-page .cx-dis-b p+p{margin-top:8px} .cx-page .cx-orig{padding:12px 14px;border-radius:12px;background:#0E2033bb;border:1px solid #35516E;margin-bottom:14px} .cx-page .cx-orig-k{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#A9BED2;margin-bottom:6px} .cx-page .cx-orig dl,.cx-page .cx-story{display:grid;gap:8px} .cx-page .cx-orig div,.cx-page .cx-story div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px} .cx-page .cx-orig dt,.cx-page .cx-story dt{font-size:13.5px;color:#A9BED2;padding-top:2px} .cx-page .cx-orig dd,.cx-page .cx-story dd{color:#F5F7FA} .cx-page .cx-own2{margin-top:12px;padding-top:10px;border-top:1px dashed #6F86A6} .cx-page .cx-own2 b{font-weight:400;color:#F5F7FA} .cx-page .cx-ref{margin-top:8px;font-size:14.5px;color:#F5F7FA} .cx-page .cx-pend{margin-top:10px;padding:10px 12px;border-radius:10px;background:#0E2033bb;border:1px dashed #6F86A6;font-size:14.5px} .cx-page .cx-rel{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:16px;font-size:15px} .cx-page .cx-rel-k{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#A9BED2} .cx-page .cx-rel a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#7FE3D9;text-decoration:underline;text-underline-offset:4px} .cx-page .cx-rel p{flex-basis:100%;font-size:13.5px;color:#A9BED2} .cx-page .cx-steps{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #3A506A} .cx-page .cx-pos{font-size:13.5px;color:#A9BED2;text-align:center} .cx-page .cx-step{display:flex;flex-direction:column;gap:2px;min-height:56px;padding:9px 14px;border-radius:12px;border:1px solid #3A506A;background:linear-gradient(145deg,#253B57,#1B2C43);box-shadow:0 5px 12px #0002;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;color:#F5F7FA} .cx-page .cx-step--next{text-align:right;align-items:flex-end;grid-column:3} .cx-page .cx-step-k{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#7FE3D9} .cx-page .cx-step-t{font-size:15px;color:#F5F7FA;line-height:1.3}.cx-page .cx-step-t b{font-weight:400;color:#A9BED2} .cx-page .cx-step:focus-visible{outline:3px solid #7FE3D9;outline-offset:3px} .cx-page .cx-close{background:transparent;border-top:1px solid #3A506A;padding:24px 0 32px} .cx-page .cx-close .cx-wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end} .cx-page .cx-btn{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:12px 20px;border-radius:8px;background:#66D0C4;color:#14233B;text-decoration:none;font-size:16px} .cx-page .cx-btn--ghost{background:transparent;border:1px solid #5F7A96;color:#F5F7FA} .cx-page a:focus-visible{outline:3px solid #7FE3D9;outline-offset:3px;border-radius:4px} @media (hover:hover) and (pointer:fine){.cx-page .cx-row:hover{background:#2ED3C40A}.cx-page .cx-step:hover{border-color:#7FE3D9}.cx-page .cx-btn:hover{background:#86DDD3}.cx-page .cx-btn--ghost:hover{background:#2ED3C40F;border-color:#2ED3C4}.cx-page a:hover .cx-arrow{transform:translateX(3px)}} @media (prefers-reduced-motion: reduce){.cx-page .cx-arrow,.cx-page .cx-chev{transition:none}.cx-page a:hover .cx-arrow{transform:none}} @container cx (max-width: 1100px){.cx-page .cx-facts{grid-template-columns:minmax(0,1fr);gap:12px}.cx-page .cx-lims{grid-template-columns:minmax(0,1fr)}} @container cx (max-width: 1000px){ .cx-page .cx-hero-g{grid-template-columns:minmax(0,1fr);gap:20px} .cx-page .cx-key--card{display:none}.cx-page .cx-key--m{display:block;max-width:560px} .cx-page .cx-ex-g{grid-template-columns:minmax(0,1fr);gap:14px} .cx-page .cx-rail{display:none} .cx-page .cx-picker{display:block;position:relative;border:1px solid #3A506A;border-radius:16px;background:linear-gradient(150deg,#20334F,#182A3A);box-shadow:0 5px 12px #0002} .cx-page .cx-picker summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k cta" "cur cta";align-items:center;gap:0 12px;min-height:60px;padding:8px 14px;list-style:none;cursor:pointer} .cx-page .cx-picker summary::-webkit-details-marker{display:none} .cx-page .cx-picker summary:focus-visible{outline:3px solid #7FE3D9;outline-offset:3px;border-radius:16px} .cx-page .cx-picker-k{grid-area:k;font-size:13px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#A9BED2} .cx-page .cx-cur{grid-area:cur;display:flex;flex-direction:column;font-size:15.5px;line-height:1.3;color:#F5F7FA} .cx-page .cx-cur b{font-weight:400;font-size:13px;color:#7FE3D9} .cx-page .cx-picker-cta{grid-area:cta;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid #3A506A;font-size:14px;color:#F5F7FA;background:linear-gradient(145deg,#253B57,#1B2C43)} .cx-page .cx-picker-b{display:flex;flex-direction:column;gap:10px;padding:12px;border-top:1px solid #3A506A} } @container cx (max-width: 680px){ .cx-page .cx-wrap{padding:0 16px} .cx-page .cx-hero{padding:22px 0 24px} .cx-page .cx-h1{font-size:32px;line-height:1.06} .cx-page .cx-intro{font-size:15.5px;margin-top:10px} .cx-page .cx-key ul{grid-template-columns:minmax(0,1fr)} .cx-page .cx-ex{padding:16px 0 32px} .cx-page .cx-panel{padding:18px 16px 16px;border-radius:18px} .cx-page .cx-ph{gap:12px} .cx-page .cx-ph .cx-tile{width:42px;height:42px} .cx-page .cx-h3{font-size:24px} .cx-page .cx-short{gap:16px;margin-top:14px} .cx-page .cx-f p{font-size:16.5px} .cx-page .cx-v{padding:12px 12px 14px;border-radius:16px} .cx-page .cx-v figcaption{margin-bottom:10px} .cx-page .v-sep{grid-template-columns:1fr 1fr;row-gap:16px} .cx-page .v-sep .v-div{grid-column:1/-1;min-height:22px} .cx-page .v-sep .v-div::before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1.5px dashed #8FA6BF} .cx-page .v-div span{writing-mode:horizontal-tb;transform:none;padding:0 8px} .cx-page .v-sep .vd:last-child{grid-column:1/-1} .cx-page .v-two{grid-template-columns:minmax(0,1fr)} .cx-page .v-two .v-div{min-height:24px}.cx-page .v-two .v-div::before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1.5px dashed #8FA6BF} .cx-page .v-mkt{grid-template-columns:1fr 1fr}.cx-page .v-mkt .v-div{display:none} .cx-page .vm-plot{height:72px} .cx-page .v-rel{grid-template-columns:minmax(0,1fr)}.cx-page .v-wire{height:30px;border-top:0;border-left:1.5px dashed #9FEDE4;min-width:0;width:0;margin-left:24px}.cx-page .v-wire span{top:auto;left:12px} .cx-page .v-fam{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cx-page .v-fam .vd{padding:9px}.cx-page .v-fam .vd-k{font-size:13px;font-size:13px}.cx-page .v-fam .vd-v{font-size:13.5px} .cx-page .v-ux{gap:8px}.cx-page .vs-scr{height:84px} .cx-page .v-math{grid-template-columns:minmax(0,1fr)} .cx-page .v-coll{gap:4px}.cx-page .vc{border-radius:3px} .cx-page .v-12{gap:3px}.cx-page .vk svg{width:10px;height:10px} .cx-page .cx-dis summary{grid-template-columns:20px minmax(0,1fr) 20px;grid-template-areas:"i t c" ". s .";padding:10px 12px} .cx-page .cx-dis summary>.cx-ic:first-child{grid-area:i}.cx-page .cx-dis summary>span{grid-area:t}.cx-page .cx-dis summary>small{grid-area:s}.cx-page .cx-dis summary>.cx-chev{grid-area:c} .cx-page .cx-dis-b{padding:12px 14px 14px;font-size:15px} .cx-page .cx-orig div,.cx-page .cx-story div{grid-template-columns:minmax(0,1fr);gap:0} .cx-page .cx-steps{grid-template-columns:1fr 1fr;row-gap:6px} .cx-page .cx-pos{grid-column:1/-1;grid-row:1} .cx-page .cx-step--prev{grid-column:1;grid-row:2}.cx-page .cx-step--next{grid-column:2;grid-row:2} .cx-page .cx-step{padding:8px 10px}.cx-page .cx-step-t{font-size:14px} .cx-page .cx-btn{flex:1 1 100%;justify-content:space-between} } @container cx (max-width: 359px){ .cx-page .cx-h1{font-size:29px}.cx-page .cx-h3{font-size:22px} .cx-page .cx-steps{grid-template-columns:minmax(0,1fr)}.cx-page .cx-step--prev,.cx-page .cx-step--next{grid-column:1}.cx-page .cx-step--next{grid-row:3;text-align:left;align-items:flex-start} .cx-page .v-fam{grid-template-columns:minmax(0,1fr)} .cx-page .v-sep{grid-template-columns:minmax(0,1fr)}.cx-page .v-sep .vd:last-child{grid-column:auto} .cx-page .v-mkt{grid-template-columns:minmax(0,1fr)} } /* ---- rev 3 visuals (noninteractive shapes; no switches, sliders or inputs) ---- */ .cx-page .cx-v,.cx-page .cx-v *{cursor:default} .cx-page .cx-v figcaption{letter-spacing:.02em} .cx-page .vtag{display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:6px;font-size:13px;line-height:1.35;color:#0E2033;background:#DCE4EE} .cx-page .v-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .cx-page .vq{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:#0E2033bb;border:1px solid #35516E} .cx-page .vq+.vq{position:relative} .cx-page .vq-k{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#DCE4EE} .cx-page .vq-lines{display:flex;flex-direction:column;gap:5px}.cx-page .vq-lines i{display:block;height:7px;border-radius:4px;background:#5E7A99}.cx-page .vq-lines i:nth-child(2){width:78%}.cx-page .vq-lines i:nth-child(3){width:56%} .cx-page .vq-lines--2 i:nth-child(2){width:62%} .cx-page .vq-blank{display:block;padding:4px 0;font-size:13px;font-style:italic;color:#9FB0C3;border-bottom:1.5px dotted #74B9FF} .cx-page .vq--me{border-color:#74B9FF;background:#18304F}.cx-page .vq--me .vtag{background:#74B9FF} .cx-page .v-sub{margin-top:10px;font-size:13px;color:#C3CFDB} .cx-page .v-sub--top{margin:0 0 8px} .cx-page .vs-l{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#DCE9F7} .cx-page .vs-l--ok{color:#9FEDE4}.cx-page .vs-l--no{color:#FFD3D8}.cx-page .vs-l--no .cx-ic{color:#FF7C8A} .cx-page .vs--no .vs-scr{opacity:.85;outline:2px dashed #FF7C8A;outline-offset:3px} .cx-page .v-log{display:grid;gap:6px} .cx-page .vl{display:grid;grid-template-columns:32px minmax(0,150px) minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px;color:#C3CFDB} .cx-page .vl b{font-weight:400;font-size:15px;color:#fff} .cx-page .vl-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#263A50;color:#C3CCD6} .cx-page .vl-s{display:flex;align-items:flex-start;gap:6px;line-height:1.4}.cx-page .vl-s .cx-ic{margin-top:2px} .cx-page .vl--ok{background:#0E2033bb;border:1px solid #35516E}.cx-page .vl--ok .vl-s{color:#9FEDE4} .cx-page .vl--no{border:1px dashed #5F7A9E} .cx-page .v-combo{display:grid;gap:6px} .cx-page .vcb{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:13.5px;color:#DCE4EE} .cx-page .vcb b{font-weight:400;color:#fff} .cx-page .vcb--part{border:1px solid #6F86A6;background:repeating-linear-gradient(135deg,rgba(143,166,191,.14) 0 6px,transparent 6px 12px)} .cx-page .vcb--none{border:1px dashed #6F86A6} .cx-page .vm-n--sc{color:#FFE08A} .cx-page .v-track{display:flex;gap:0;margin:6px 0 0;padding:0;list-style:none} .cx-page .cx-tag{display:inline-block;margin-left:6px;font-size:13px;color:#A9BED2} @container cx (max-width: 680px){ .cx-page .v-trio{grid-template-columns:minmax(0,1fr);gap:6px} .cx-page .vq{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px} .cx-page .vq-lines,.cx-page .vq-blank{grid-column:1/-1} .cx-page .vl{grid-template-columns:30px minmax(0,1fr);row-gap:2px}.cx-page .vl-s{grid-column:2} .cx-page .vcb{grid-template-columns:56px minmax(0,1fr)} } /* rev 3 fixes: tags read as labels, not buttons; phone sale sequence as a vertical list */ .cx-page .vtag{background:none;color:#DCE4EE;padding:0 0 0 8px;border-left:2px solid #8FA6BF;border-radius:0;justify-self:start} .cx-page .vq--me .vtag{background:none;color:#CFE4FF;border-left-color:#74B9FF} .cx-page .vt{align-items:flex-start} @container cx (max-width: 680px){ .cx-page .v-track{flex-direction:column;align-items:flex-start;gap:10px} .cx-page .vt{flex-direction:row;align-items:center;gap:10px;padding:0} .cx-page .vt:not(.vt--end)::after{left:7px;right:auto;top:16px;width:2px;height:12px} } .cx-page .cx-rel a,.cx-page .cx-legacy a,.cx-page .cx-ret{white-space:normal;max-width:100%} /* Real-site integration: native radios stay with their visible labels and filtered controls are disabled. */ .cx-page .cx-row,.cx-page .cx-chip{position:relative} .cx-page .cx-radio{left:12px;top:50%;margin:0} .cx-page .cx-chip span{min-height:44px} .cx-page .cx-ret,.cx-page .cx-rel a{min-height:44px} .cx-page .cx-h3:focus{outline:none} .cx-page .cx-panel.ms-result{scroll-margin-top:calc(var(--ms-header,78px) + var(--ms-bar,56px) + 16px)} /* Navy revision (visual refinement, concept): colour/surface declarations only; every selector, size, spacing and breakpoint is unchanged from the integrated file. Tokens follow the appraiser exhibit (guided-exhibits.css): deep #0E2033, layered panel 150deg #20334F→#182A3A, inset well #142638/#30475F, border #3A506A, selected gradient #304963→#23374F with #7FE3D9 border and 3px #2ED3C41C ring, keyboard focus 3px #7FE3D9. */ /* Class-based neon tokens work under the real site's inline-style restrictions. */ .cx-page .cx-size-32{--s:32px} .cx-page .cx-size-52{--s:52px} /* Preserve the reviewed light annotation colors over the legacy Results paragraph rule. */ :root body main .cx-page .cx-v .v-sub{color:#C3CFDB} :root body main .cx-page .cx-v .vb--not{color:#DCE4EE} :root body main .cx-page .cx-v .vb--own{color:#FFE7A0} :root body main .cx-page .cx-v .vb--found{color:#FFD3D8} /* Navy revision: plain paragraphs inside dark wells (the site's legacy .work-prototype p{color:#647081} rule otherwise applies). */ .cx-page .cx-dis-b p{color:#DCE4EE} .cx-page .cx-own2,.cx-page .cx-pend{color:#DCE4EE} /* Navy revision: the two