.cfd [hidden] {display:none !important}
.cfd .sec {padding:clamp(56px,8vw,120px) 20px;position:relative;overflow:clip}
.cfd .wrap {max-width:var(--cf-max-width);margin-inline:auto;position:relative}
.cfd .bg-white {background:var(--cf-color-background-page)}
.cfd .bg-blue {background:var(--cf-color-background-blue)}
.cfd .bg-navy {background:var(--cf-color-primary-900);color:var(--cf-color-text-inverse)}
.cfd .bg-navy h2, .cfd .bg-navy h3 {color:var(--cf-color-text-inverse)}
.cfd .bg-navy p, .cfd .bg-navy li {color:var(--cf-color-primary-100)}
.cfd .bg-navy a:not(:where(.cf-btn)):not(.cf-btn):link, .cfd .bg-navy a:not(:where(.cf-btn)):not(.cf-btn):visited, .cfd .bg-navy a:not(:where(.cf-btn)):not(.cf-btn):hover, .cfd .bg-navy a:not(:where(.cf-btn)):not(.cf-btn):focus, .cfd .bg-navy a:not(:where(.cf-btn)):not(.cf-btn):active {color:var(--cf-color-text-inverse);text-decoration:underline}
.cfd main {font-size:17px;line-height:1.6;color:var(--cf-color-text-primary)}
.cfd main p {max-width:68ch;overflow-wrap:anywhere}
.cfd main h2 {font-size:clamp(26px,3.4vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-4);text-wrap:balance}
.cfd main h3 {font-weight:600;letter-spacing:-.01em;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-2);font-size:20px;line-height:1.3}
.cfd .bg-navy main h2 {color:var(--cf-color-text-inverse)}
.cfd .head {max-width:760px;margin-bottom:var(--cf-space-10)}
.cfd .head .cf-lead {color:var(--cf-color-text-secondary);margin:0}
.cfd .cf-actions .cf-btn {width:100%;justify-content:center;text-align:center}
.cfd :where(main) button:focus-visible, .cfd :where(main) a:not(:where(.cf-btn)):focus-visible, .cfd :where(main) input:focus-visible, .cfd :where(main) textarea:focus-visible {outline:3px solid var(--cf-color-focus);outline-offset:2px}
.cfd .card {background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-6);transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.cfd .card:hover {transform:translateY(-2px);box-shadow:var(--cf-shadow-medium)}
.cfd .tile {width:44px;height:44px;border-radius:var(--cf-radius-medium);display:inline-grid;place-items:center;flex:none;background:linear-gradient(140deg,var(--cf-color-primary-700),var(--cf-color-primary-900));color:var(--cf-color-text-inverse)}
.cfd .tile>* {width:22px;height:22px}
.cfd .label {font-size:14px;font-weight:600;color:var(--cf-color-primary-700);letter-spacing:.01em}
.cfd .note {font-size:16px;color:var(--cf-color-text-muted);margin:var(--cf-space-4) 0 0}
.cfd .checks {list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-3)}
.cfd .checks li {display:flex;gap:var(--cf-space-3);align-items:flex-start;font-size:17px}
.cfd .checks .ic {flex:none;width:22px;height:22px;margin-top:2px;color:var(--cf-color-success-700)}
.cfd .checks .ic>* {width:22px;height:22px}
.cfd .checks .ic--no {color:var(--cf-color-primary-700)}
.cfd .fn {font-size:14px;line-height:1}
.cfd .fn a:not(:where(.cf-btn)) {display:inline-block;min-width:24px;min-height:24px;line-height:24px;text-align:center}
.cfd .hero {background:radial-gradient(ellipse 60% 70% at 72% 30%,var(--cf-color-primary-700),transparent 70%),var(--cf-color-primary-900);min-height:calc(100svh - 60px);display:flex;align-items:center;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.cfd .hero__wrap {max-width:1320px;margin-inline:auto;width:100%;position:relative;z-index:1}
.cfd .blob {position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;will-change:transform}
.cfd .blob--a {width:520px;height:520px;inset-block-start:-160px;inset-inline-end:-120px;background:var(--cf-color-cta);opacity:.22;animation:drift 26s ease-in-out infinite alternate}
.cfd .blob--b {width:420px;height:420px;inset-block-end:-200px;inset-inline-end:30%;background:var(--cf-color-primary-100);opacity:.08;animation:drift 22s ease-in-out infinite alternate-reverse}
@keyframes drift {to{transform:translate(-60px,40px) scale(1.12)}}
.cfd .net {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 48%,#000 78%);mask-image:linear-gradient(to right,transparent 48%,#000 78%)}
.cfd .net line {stroke:var(--cf-color-primary-100);stroke-opacity:.16;stroke-width:1;stroke-dasharray:4 8;animation:flow 24s linear infinite}
.cfd .net circle {fill:var(--cf-color-primary-100);fill-opacity:.25;animation:node 6s ease-in-out infinite}
.cfd .net circle:nth-child(2n) {animation-delay:-3s}
@keyframes flow {to{stroke-dashoffset:-240}}
@keyframes node {50%{fill-opacity:.06}}
.cfd .hero__grid {display:grid;gap:var(--cf-space-10);align-items:start}
.cfd .hero__copy {min-width:0}
.cfd .hero h1 {font-size:clamp(34px,5vw,44px);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--cf-color-text-inverse);margin:0 0 var(--cf-space-5);text-wrap:balance}
.cfd .hero h1 .hl {color:var(--cf-color-primary-100)}
.cfd .hero .hero__lead {color:var(--cf-color-primary-100);margin:0 0 var(--cf-space-8);max-width:56ch}
.cfd .hero .hero__lead strong {color:var(--cf-color-text-inverse);font-weight:600}
.cfd .hero__rule {border:0;border-top:1px solid var(--cf-color-primary-700);margin:var(--cf-space-8) 0 var(--cf-space-5)}
.cfd .hero__brand {display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-3) var(--cf-space-4);margin-bottom:var(--cf-space-5)}
.cfd .padoa-mark {font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--cf-color-text-inverse)}
.cfd .hero__x {font-size:22px;font-weight:400;line-height:1;color:var(--cf-color-primary-100)}
.cfd .hero__brand .cf-logo {height:28px;width:auto;display:block}
.cfd .hero__roles {display:flex;flex-wrap:wrap;gap:var(--cf-space-3) var(--cf-space-5);align-items:center;margin-bottom:var(--cf-space-4)}
.cfd .hero__roles .hero__k {font-size:14px;color:var(--cf-color-primary-100);font-weight:600}
.cfd .role {display:inline-flex;gap:var(--cf-space-2);align-items:center;color:var(--cf-color-text-inverse);font-size:16px;font-weight:500}
.cfd .role__b {width:32px;height:32px;border-radius:50%;background:var(--cf-color-surface);color:var(--cf-color-primary-800);display:grid;place-items:center}
.cfd .role__b>* {width:18px;height:18px}
.cfd .hero__visual {position:relative;min-width:0;display:none}
.cfd .orbit {position:absolute;width:112%;aspect-ratio:1;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);border:1px dashed var(--cf-color-primary-500);border-radius:50%;opacity:.35;animation:spin 60s linear infinite;pointer-events:none}
@keyframes spin {to{transform:translate(-50%,-50%) rotate(360deg)}}
.cfd .stagewrap {container-type:inline-size;position:relative;aspect-ratio:760/600;width:100%}
.cfd .chip {position:absolute;z-index:3;background:var(--cf-color-surface);color:var(--cf-color-primary-900);border-radius:var(--cf-radius-medium);box-shadow:var(--cf-shadow-medium);padding:var(--cf-space-2) var(--cf-space-3);font-size:16px;font-weight:600;display:flex;gap:var(--cf-space-2);align-items:center}
.cfd .chip>i, .cfd .chip>svg {width:18px;height:18px;color:var(--cf-color-success-700)}
.cfd .chip--a {inset-block-start:-18px;inset-inline-start:-14px}
.cfd .ws {--k:.42;position:absolute;inset-block-start:0;left:50%;width:760px;height:600px;transform:translateX(-50%) scale(var(--k));transform-origin:top center;background:var(--cf-color-surface);border-radius:var(--cf-radius-large);box-shadow:var(--cf-shadow-large);overflow:hidden;display:grid;grid-template-rows:56px 1fr;font-size:14px;line-height:1.4}
@container (min-width:360px) {.cfd .ws {--k:.473}}
@container (min-width:420px) {.cfd .ws {--k:.552}}
@container (min-width:480px) {.cfd .ws {--k:.631}}
@container (min-width:540px) {.cfd .ws {--k:.71}}
@container (min-width:600px) {.cfd .ws {--k:.789}}
@container (min-width:660px) {.cfd .ws {--k:.868}}
@container (min-width:720px) {.cfd .ws {--k:.947}}
@container (min-width:760px) {.cfd .ws {--k:1}}
.cfd #hero .ws p, .cfd #hero .ws span, .cfd #hero .ws li, .cfd #hero .ws strong {color:var(--cf-color-text-primary);margin:0;max-width:none}
.cfd .ws__top {display:flex;align-items:center;gap:var(--cf-space-3);padding:0 var(--cf-space-5);border-bottom:1px solid var(--cf-color-border)}
.cfd #hero .ws .ws__title {font-size:15px;font-weight:700;color:var(--cf-color-primary-900);margin-inline-end:auto}
.cfd #hero .ws .ws__tag {font-size:13px;font-weight:600;padding:var(--cf-space-1) var(--cf-space-2);border-radius:var(--cf-radius-small);background:var(--cf-color-primary-050);color:var(--cf-color-primary-700)}
.cfd #hero .ws .ws__tag--c {background:var(--cf-color-accent-100);color:var(--cf-color-primary-900)}
.cfd .ws__body {display:grid;grid-template-columns:184px 1fr;min-height:0}
.cfd .ws__side {background:var(--cf-color-primary-050);border-inline-end:1px solid var(--cf-color-border);padding:var(--cf-space-4) var(--cf-space-3);list-style:none;margin:0;display:grid;align-content:start;gap:var(--cf-space-1)}
.cfd .ws__side li {display:flex;align-items:center;gap:var(--cf-space-2);padding:var(--cf-space-2) var(--cf-space-3);border-radius:var(--cf-radius-small)}
.cfd #hero .ws .ws__side li {color:var(--cf-color-text-secondary);font-size:14px}
.cfd .ws__side li>i, .cfd .ws__side li>svg {width:16px;height:16px;flex:none}
.cfd #hero .ws .ws__new {background:var(--cf-color-surface);box-shadow:var(--cf-shadow-small);color:var(--cf-color-primary-900);font-weight:600;transition:opacity .5s,transform .5s}
.cfd #hero .ws .ws__new .ws__newtag {margin-inline-start:auto;font-size:13px;color:var(--cf-color-primary-700);font-weight:700}
.cfd .ws__main {padding:var(--cf-space-5);display:grid;gap:var(--cf-space-4);align-content:start;transition:opacity .6s,transform .6s}
.cfd .ws__pt {display:flex;align-items:center;gap:var(--cf-space-3)}
.cfd #hero .ws .ws__av {width:40px;height:40px;border-radius:50%;background:var(--cf-color-primary-100);color:var(--cf-color-primary-900);display:grid;place-items:center;font-weight:700;font-size:14px}
.cfd #hero .ws .ws__name {font-size:18px;font-weight:700;color:var(--cf-color-primary-900);display:block}
.cfd #hero .ws .ws__meta {font-size:13px;color:var(--cf-color-text-secondary);display:block}
.cfd #hero .ws .ws__dr {margin-inline-start:auto;font-size:13px;color:var(--cf-color-text-secondary)}
.cfd .ws__cards {display:grid;grid-template-columns:1fr 1fr;gap:var(--cf-space-4)}
.cfd .ws__card {border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);padding:var(--cf-space-4)}
.cfd #hero .ws .ws__h {font-size:14px;font-weight:700;color:var(--cf-color-primary-900);display:block;margin-bottom:var(--cf-space-3)}
.cfd .ws__row {display:grid;grid-template-columns:118px 1fr 28px;gap:var(--cf-space-2);align-items:center;margin-bottom:var(--cf-space-3)}
.cfd #hero .ws .ws__row span {font-size:13px;color:var(--cf-color-text-secondary)}
.cfd #hero .ws .ws__row strong {font-size:14px;color:var(--cf-color-primary-900);text-align:end}
.cfd .ws__track {height:8px;border-radius:var(--cf-radius-pill);background:var(--cf-color-primary-050);overflow:hidden}
.cfd .ws__bar {display:block;height:100%;border-radius:var(--cf-radius-pill);background:linear-gradient(90deg,var(--cf-color-primary-500),var(--cf-color-primary-700));width:var(--cf-value)}
.cfd .ws__chart {width:100%;height:auto;display:block}
.cfd .ws__chart .gl {stroke:var(--cf-color-border);stroke-width:1}
.cfd .ws__chart .ln {fill:none;stroke:var(--cf-color-primary-600);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cfd .ws__chart .pt {fill:var(--cf-color-surface);stroke:var(--cf-color-primary-600);stroke-width:2.5}
.cfd .ws__chart .pt--last {fill:var(--cf-color-accent-600);stroke:var(--cf-color-accent-600)}
.cfd .ws__stats {display:flex;gap:var(--cf-space-4);margin-top:var(--cf-space-3)}
.cfd #hero .ws .ws__stats strong {display:block;font-size:18px;color:var(--cf-color-primary-900)}
.cfd #hero .ws .ws__stats span {font-size:13px;color:var(--cf-color-text-secondary)}
.cfd .ws__acts {display:flex;gap:var(--cf-space-3);align-items:center}
.cfd #hero .ws .ws__btn {font-size:14px;font-weight:600;padding:var(--cf-space-2) var(--cf-space-4);border-radius:var(--cf-radius-button);border:1px solid var(--cf-color-border-strong);color:var(--cf-color-primary-900)}
.cfd #hero .ws .ws__btn--p {background:var(--cf-color-primary-900);border-color:var(--cf-color-primary-900);color:var(--cf-color-text-inverse)}
.cfd #hero .ws .ws__fine {font-size:13px;color:var(--cf-color-text-muted);margin-inline-start:auto}
.cfd .ws--pre .ws__new {opacity:0;transform:translateX(-12px)}
.cfd .ws--pre .ws__main {opacity:0;transform:translateY(12px)}
.cfd .ws--nav .ws__new {opacity:1;transform:none}
.cfd .ws--open .ws__main {opacity:1;transform:none}
.cfd .def {display:grid;gap:var(--cf-space-10);align-items:start}
.cfd .def>* {min-width:0}
.cfd .quote {font-size:22px;line-height:1.5;color:var(--cf-color-primary-900);border-inline-start:4px solid var(--cf-color-cta);padding-inline-start:var(--cf-space-5);margin:var(--cf-space-6) 0;font-weight:500}
.cfd .def__plain {color:var(--cf-color-text-secondary)}
.cfd .flow {display:grid;padding:var(--cf-space-8)}
.cfd .flow__node {display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 var(--cf-space-4);align-items:center;padding:var(--cf-space-4);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);background:var(--cf-color-surface)}
.cfd .flow__node strong {color:var(--cf-color-primary-900);font-size:18px}
.cfd .flow__sub {grid-column:2;color:var(--cf-color-text-secondary);font-size:16px}
.cfd .flow__node .tile {grid-row:span 2}
.cfd .flow__node--core {background:var(--cf-color-primary-900);border-color:var(--cf-color-primary-900)}
.cfd .flow__node--core strong {color:var(--cf-color-text-inverse)}
.cfd .flow__node--core .flow__sub {color:var(--cf-color-primary-100)}
.cfd .flow__node--core .tile {background:var(--cf-color-surface);color:var(--cf-color-primary-900);animation:pulse 3s ease-in-out infinite}
@keyframes pulse {50%{box-shadow:0 0 0 10px rgba(47,123,255,.25)}}
.cfd .flow__link {position:relative;height:56px;margin-inline-start:calc(var(--cf-space-4) + 21px);border-inline-start:2px dashed var(--cf-color-primary-500);width:0}
.cfd .flow__dot {position:absolute;top:0;inset-inline-start:-6px;width:10px;height:10px;border-radius:50%;background:var(--cf-color-cta);animation:down 2.8s linear infinite;will-change:transform}
.cfd .flow__dot--up {background:var(--cf-color-primary-500);animation:up 2.8s linear infinite;animation-delay:-1.4s}
@keyframes down {from{transform:translateY(0)}to{transform:translateY(46px)}}
@keyframes up {from{transform:translateY(46px)}to{transform:translateY(0)}}
.cfd .flow__cap {font-size:14px;color:var(--cf-color-text-muted);margin:var(--cf-space-4) 0 0}
.cfd .facts {margin-top:var(--cf-space-12);display:grid;background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);overflow:hidden}
.cfd .fact {display:flex;gap:var(--cf-space-4);padding:var(--cf-space-6);border-bottom:1px solid var(--cf-color-border);min-width:0}
.cfd .fact:last-child {border-bottom:0}
.cfd .fact h3 {font-size:18px;margin-bottom:var(--cf-space-1)}
.cfd .fact p {margin:0;color:var(--cf-color-text-secondary);text-wrap:pretty}
.cfd .photo-wide {width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:calc(var(--cf-radius-large) + 4px);display:block}
.cfd .compare {display:grid;gap:var(--cf-space-6);margin-top:var(--cf-space-6)}
.cfd .compare .card h3 {display:flex;gap:var(--cf-space-3);align-items:center}
.cfd .compare--off h3 {color:var(--cf-color-text-secondary)}
.cfd .compare--off li {color:var(--cf-color-text-secondary)}
.cfd .compare--on {border:2px solid var(--cf-color-cta)}
.cfd .demo [data-cf-tabs] {min-height:0 !important;height:auto !important}
.cfd .demo [data-cf-panel].is-off {display:none !important}
.cfd .demo [role=tablist] {display:grid;grid-template-columns:1fr;gap:var(--cf-space-3);margin-bottom:var(--cf-space-6)}
.cfd .demo [data-cf-tab] {display:flex;gap:var(--cf-space-3);align-items:center;text-align:start;padding:var(--cf-space-4);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);background:var(--cf-color-surface);font:inherit;font-size:17px;font-weight:600;color:var(--cf-color-primary-900);cursor:pointer;min-height:44px}
.cfd .demo [data-cf-tab][aria-selected="true"] {border-color:var(--cf-color-primary-900);box-shadow:inset 0 0 0 1px var(--cf-color-primary-900)}
.cfd .demo [data-cf-tab] small {display:block;font-size:14px;font-weight:400;color:var(--cf-color-text-secondary)}
.cfd .demo [data-cf-panel] {margin-bottom:var(--cf-space-6)}
.cfd .panel-h {display:flex;flex-wrap:wrap;gap:var(--cf-space-2) var(--cf-space-4);align-items:baseline;justify-content:space-between;margin-bottom:var(--cf-space-4)}
.cfd .panel-h h3 {margin:0;font-size:22px}
.cfd .app {border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);background:var(--cf-color-surface);box-shadow:var(--cf-shadow-medium);overflow:hidden}
.cfd .app__bar {display:flex;flex-wrap:wrap;gap:var(--cf-space-2) var(--cf-space-4);align-items:center;justify-content:space-between;padding:var(--cf-space-3) var(--cf-space-5);background:var(--cf-color-primary-050);border-bottom:1px solid var(--cf-color-border)}
.cfd .app__bar strong {color:var(--cf-color-primary-900);font-size:16px}
.cfd .demo-tag {font-size:14px;font-weight:600;color:var(--cf-color-primary-900);background:var(--cf-color-accent-100);border-radius:var(--cf-radius-small);padding:var(--cf-space-1) var(--cf-space-2)}
.cfd .app__body {padding:var(--cf-space-5)}
.cfd .pt-head {display:flex;flex-wrap:wrap;gap:var(--cf-space-3);align-items:center;padding-bottom:var(--cf-space-4);border-bottom:1px solid var(--cf-color-border);margin-bottom:var(--cf-space-5)}
.cfd .pt-head .av {width:44px;height:44px;border-radius:50%;background:var(--cf-color-primary-100);color:var(--cf-color-primary-900);font-weight:700;display:grid;place-items:center;flex:none}
.cfd .pt-head p {margin:0}
.cfd .pt-head .nm {font-weight:700;color:var(--cf-color-primary-900);font-size:18px}
.cfd .pt-head .mt {color:var(--cf-color-text-secondary);font-size:16px}
.cfd .pt-head .dr {margin-inline-start:auto;color:var(--cf-color-text-secondary);font-size:16px}
.cfd .subnav {display:flex;flex-wrap:wrap;gap:var(--cf-space-2);margin-bottom:var(--cf-space-5)}
.cfd .seg {font:inherit;font-size:16px;font-weight:500;padding:var(--cf-space-2) var(--cf-space-4);min-height:40px;border-radius:var(--cf-radius-button);border:1px solid var(--cf-color-border-strong);background:var(--cf-color-surface);color:var(--cf-color-primary-900);cursor:pointer}
.cfd .seg[aria-pressed="true"] {background:var(--cf-color-primary-900);border-color:var(--cf-color-primary-900);color:var(--cf-color-text-inverse)}
.cfd .view {margin-bottom:var(--cf-space-6)}
.cfd .view>h4 {font-size:18px;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-4);font-weight:600}
.cfd .kv {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--cf-space-3);margin-bottom:var(--cf-space-5)}
.cfd .kv div {border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);padding:var(--cf-space-3) var(--cf-space-4)}
.cfd .kv .k {display:block;font-size:14px;color:var(--cf-color-text-muted);font-weight:600}
.cfd .kv .v {display:block;font-size:17px;color:var(--cf-color-primary-900);font-weight:600}
.cfd .notes-area label {display:block;font-weight:600;color:var(--cf-color-primary-900);margin-bottom:var(--cf-space-2)}
.cfd .notes-area textarea {width:100%;min-height:96px;font:inherit;font-size:16px;padding:var(--cf-space-3);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-medium);color:var(--cf-color-text-primary);box-sizing:border-box;resize:vertical}
.cfd .dom {display:grid;gap:var(--cf-space-4)}
.cfd .dom__row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--cf-space-1) var(--cf-space-3);align-items:center}
.cfd .dom__row strong {color:var(--cf-color-primary-900)}
.cfd .dom__row .sc {font-weight:700;color:var(--cf-color-primary-900);font-size:18px}
.cfd .dom__row .tr {grid-column:1/-1;height:10px;border-radius:var(--cf-radius-pill);background:var(--cf-color-primary-050);overflow:hidden}
.cfd .dom__row .br {display:block;height:100%;border-radius:var(--cf-radius-pill);background:linear-gradient(90deg,var(--cf-color-primary-500),var(--cf-color-primary-700));width:var(--cf-value)}
.cfd .dom__row p {grid-column:1/-1;margin:0;font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .steps {list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-4)}
.cfd .steps>li {border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);padding:var(--cf-space-5)}
.cfd .steps .sn {font-size:14px;font-weight:700;color:var(--cf-color-primary-700)}
.cfd .steps h5 {font-size:18px;color:var(--cf-color-primary-900);margin:var(--cf-space-1) 0 var(--cf-space-3);font-weight:600}
.cfd .steps p {margin:0 0 var(--cf-space-2)}
.cfd .radio {display:flex;gap:var(--cf-space-3);align-items:center;padding:var(--cf-space-2) 0;font-size:17px}
.cfd .radio input {width:20px;height:20px;accent-color:var(--cf-color-primary-700)}
.cfd .sim {color:var(--cf-color-success-700);font-weight:600}
.cfd .stepper-ctrl {display:flex;flex-wrap:wrap;gap:var(--cf-space-3);align-items:center;margin-top:var(--cf-space-4)}
.cfd .stepper-ctrl .count {color:var(--cf-color-text-secondary);font-size:16px;margin-inline-end:auto}
.cfd .mini {font:inherit;font-size:16px;font-weight:600;min-height:40px;padding:var(--cf-space-2) var(--cf-space-4);border-radius:var(--cf-radius-button);border:1px solid var(--cf-color-primary-700);background:var(--cf-color-primary-050);color:var(--cf-color-primary-900);cursor:pointer}
.cfd .mini--solid {background:var(--cf-color-primary-900);color:var(--cf-color-text-inverse);border-color:var(--cf-color-primary-900)}
.cfd .chart {width:100%;height:auto;display:block}
.cfd .chart .gl {stroke:var(--cf-color-border);stroke-width:1}
.cfd .chart .ax {fill:var(--cf-color-text-muted);font-size:14px;font-family: var(--cf-font)}
.cfd .chart .ln {fill:none;stroke:var(--cf-color-primary-600);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.cfd .chart .pt {fill:var(--cf-color-surface);stroke:var(--cf-color-primary-600);stroke-width:3}
.cfd .chart .pt--last {fill:var(--cf-color-accent-600);stroke:var(--cf-color-accent-600)}
.cfd .chart .vl {fill:var(--cf-color-primary-900);font-size:15px;font-weight:700;font-family: var(--cf-font)}
.cfd .chart-sum {font-weight:600;color:var(--cf-color-primary-900);margin:var(--cf-space-3) 0 0}
.cfd .plan {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--cf-space-3);margin-bottom:var(--cf-space-4)}
.cfd .plan div {border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);padding:var(--cf-space-4)}
.cfd .plan strong {display:block;color:var(--cf-color-primary-900)}
.cfd .plan span {color:var(--cf-color-text-secondary);font-size:16px}
.cfd .emp {display:grid;gap:var(--cf-space-5)}
.cfd .emp>* {min-width:0}
.cfd .emp__hero h4 {font-size:24px;font-weight:700;color:var(--cf-color-primary-900);letter-spacing:-.01em;margin:0 0 var(--cf-space-2)}
.cfd .emp__hero p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .emp__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--cf-space-4)}
.cfd .emp__grid .card h5, .cfd .priv h5 {font-size:18px;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-3);font-weight:600}
.cfd .emp__grid .card p {font-size:16px;color:var(--cf-color-text-secondary);margin:0 0 var(--cf-space-3)}
.cfd .today {font-size:20px;font-weight:700;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-3)}
.cfd .emp__photo {width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--cf-radius-large) + 4px);display:block}
.cfd .game {margin-top:var(--cf-space-4);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);padding:var(--cf-space-4)}
.cfd .game__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cf-space-2);max-width:280px;margin:var(--cf-space-3) 0}
.cfd .cell {aspect-ratio:1;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);background:var(--cf-color-primary-050);display:grid;place-items:center;cursor:pointer;min-height:44px;padding:0}
.cfd .cell::before {content:"";width:14px;height:14px;border-top:4px solid var(--cf-color-primary-900);border-inline-start:4px solid var(--cf-color-primary-900);transform:translateY(3px) rotate(calc(45deg + var(--r,0deg)))}
.cfd .cell:hover {background:var(--cf-color-primary-100)}
.cfd .game__status {font-weight:600;color:var(--cf-color-primary-900);margin:0}
.cfd .game__lbl {font-size:16px;color:var(--cf-color-text-muted);margin:var(--cf-space-2) 0 0}
.cfd .priv {border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-5);background:var(--cf-color-surface)}
.cfd .tiles {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--cf-space-3);margin-bottom:var(--cf-space-5)}
.cfd .tiles div {border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);padding:var(--cf-space-4)}
.cfd .tiles .k {display:block;font-size:14px;font-weight:600;color:var(--cf-color-text-muted)}
.cfd .tiles .v {display:block;font-size:30px;font-weight:700;color:var(--cf-color-primary-900);letter-spacing:-.02em;line-height:1.2}
.cfd .tiles .s {display:block;font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .er {display:grid;gap:var(--cf-space-5)}
.cfd .er>* {min-width:0}
.cfd .hbars {display:grid;gap:var(--cf-space-3)}
.cfd .hbar {display:grid;grid-template-columns:44px minmax(0,1fr) 48px;gap:var(--cf-space-3);align-items:center;font-size:16px}
.cfd .hbar span:first-child {color:var(--cf-color-text-secondary)}
.cfd .hbar .tr {height:14px;background:var(--cf-color-primary-050);border-radius:var(--cf-radius-small);overflow:hidden}
.cfd .hbar .br {display:block;height:100%;width:var(--cf-value);background:var(--cf-color-primary-600);border-radius:var(--cf-radius-small)}
.cfd .hbar strong {color:var(--cf-color-primary-900);text-align:end}
.cfd .tl {display:flex;flex-wrap:wrap;gap:var(--cf-space-2);list-style:none;padding:0;margin:0 0 var(--cf-space-5)}
.cfd .tl li {font-size:16px;padding:var(--cf-space-2) var(--cf-space-3);border-radius:var(--cf-radius-small);background:var(--cf-color-primary-050);color:var(--cf-color-primary-900)}
.cfd .tl li.done {background:var(--cf-color-success-100);color:var(--cf-color-text-primary)}
.cfd .tbl-wrap {overflow-x:auto}
.cfd table {border-collapse:collapse;width:100%;font-size:16px}
.cfd th, .cfd td {text-align:start;padding:var(--cf-space-3);border-bottom:1px solid var(--cf-color-border)}
.cfd th {color:var(--cf-color-primary-900);font-weight:600}
.cfd td {color:var(--cf-color-text-secondary)}
.cfd .deny {margin-top:var(--cf-space-3);padding:var(--cf-space-4);border-radius:var(--cf-radius-medium);background:var(--cf-color-primary-050);color:var(--cf-color-primary-900);font-weight:500}
.cfd .disclose {font-size:16px;color:var(--cf-color-text-muted);margin-top:var(--cf-space-4)}
.cfd .bento {display:grid;gap:var(--cf-space-5)}
.cfd .bento .card {display:flex;flex-direction:column;gap:var(--cf-space-3);padding:var(--cf-space-8)}
.cfd .bento .card h3 {font-size:24px;margin:0}
.cfd .bento .card p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .bento .tags {display:flex;flex-wrap:wrap;gap:var(--cf-space-2) var(--cf-space-4);align-items:center}
.cfd .phase {font-size:14px;font-weight:700;color:var(--cf-color-success-700);background:var(--cf-color-success-100);padding:var(--cf-space-1) var(--cf-space-2);border-radius:var(--cf-radius-small)}
.cfd .phase--later {color:var(--cf-color-primary-700);background:var(--cf-color-primary-050)}
.cfd .bento ul {margin:0;padding-inline-start:var(--cf-space-5);color:var(--cf-color-text-secondary)}
.cfd .bento ul li {margin-bottom:var(--cf-space-1)}
.cfd .bento .sub {font-weight:600;color:var(--cf-color-primary-900);margin-top:var(--cf-space-2)}
.cfd .bento .two {display:grid;gap:var(--cf-space-5)}
.cfd .logic {display:grid;border-block:1px solid var(--cf-color-border);margin-bottom:var(--cf-space-12)}
.cfd .logic>div {padding:var(--cf-space-6) 0;border-bottom:1px solid var(--cf-color-border);min-width:0}
.cfd .logic>div:last-child {border-bottom:0}
.cfd .logic h3 {font-size:19px}
.cfd .logic p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .calc {display:grid;gap:var(--cf-space-8);background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-6);box-shadow:var(--cf-shadow-medium);margin-bottom:var(--cf-space-8)}
.cfd .calc>* {min-width:0}
.cfd .presets {display:flex;flex-wrap:wrap;gap:var(--cf-space-2);margin-bottom:var(--cf-space-6)}
.cfd .field {margin-bottom:var(--cf-space-6)}
.cfd .field label {display:flex;justify-content:space-between;gap:var(--cf-space-3);font-weight:600;color:var(--cf-color-primary-900);margin-bottom:var(--cf-space-2)}
.cfd .field output {color:var(--cf-color-primary-700);font-weight:700}
.cfd .field input[type=range] {width:100%;accent-color:var(--cf-color-primary-700);min-height:28px}
.cfd .field input[type=number] {width:100%;box-sizing:border-box;font:inherit;font-size:18px;padding:var(--cf-space-3);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-medium);color:var(--cf-color-text-primary)}
.cfd .field p {font-size:16px;color:var(--cf-color-text-muted);margin:var(--cf-space-2) 0 0}
.cfd .field .err {color:var(--cf-color-primary-900);font-weight:600}
.cfd .curve {border-top:1px solid var(--cf-color-border);padding-top:var(--cf-space-5);margin-bottom:0}
.cfd .curve__h {font-weight:600;color:var(--cf-color-primary-900) !important;margin:0 0 var(--cf-space-3) !important}
.cfd .curve svg {width:100%;height:auto;display:block}
.cfd .curve .gl {stroke:var(--cf-color-border);stroke-width:1}
.cfd .curve .ax {fill:var(--cf-color-text-muted);font-size:14px;font-family: var(--cf-font)}
.cfd .curve .ln {fill:none;stroke:var(--cf-color-primary-600);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cfd .curve .mk {fill:var(--cf-color-accent-600);stroke:var(--cf-color-surface);stroke-width:2;transition:cx .4s ease,cy .4s ease}
.cfd .curve .cap {font-size:14px}
.cfd .result {background:var(--cf-color-primary-900);border-radius:var(--cf-radius-large);padding:var(--cf-space-8) var(--cf-space-6);color:var(--cf-color-text-inverse)}
.cfd .result .lbl {font-size:16px;color:var(--cf-color-primary-100);margin:0}
.cfd .result .big {font-size:clamp(44px,7vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--cf-color-text-inverse);margin:var(--cf-space-2) 0 var(--cf-space-2);overflow-wrap:anywhere}
.cfd .result .fine {font-size:16px;color:var(--cf-color-primary-100);margin:0 0 var(--cf-space-6)}
.cfd .funnel {list-style:none;margin:0 0 var(--cf-space-6);padding:0;display:grid;gap:var(--cf-space-3)}
.cfd .funnel li {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--cf-space-3);align-items:center;padding-bottom:var(--cf-space-3);border-bottom:1px solid var(--cf-color-primary-700);color:var(--cf-color-primary-100);font-size:16px}
.cfd .funnel strong {color:var(--cf-color-text-inverse);font-size:20px}
.cfd .scen caption {caption-side:bottom;text-align:start;font-size:14px;color:var(--cf-color-text-muted);padding-top:var(--cf-space-3)}
.cfd .costs {margin-top:var(--cf-space-6);max-width:760px}
.cfd .costs summary {font-weight:600;color:var(--cf-color-primary-900);cursor:pointer;padding:var(--cf-space-3) 0}
.cfd .costs p {color:var(--cf-color-text-secondary)}
.cfd .connect {display:grid;background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) * 1.75);box-shadow:var(--cf-shadow-large);overflow:clip}
.cfd .connect>* {min-width:0}
.cfd .connect__side {background:linear-gradient(160deg,var(--cf-color-primary-800),var(--cf-color-primary-900));padding:var(--cf-space-8) var(--cf-space-6)}
.cfd .connect__side .kicker {display:inline-block;font-size:14px;font-weight:600;color:var(--cf-color-text-inverse);border:1px solid var(--cf-color-primary-500);border-radius:var(--cf-radius-small);padding:var(--cf-space-1) var(--cf-space-2);margin-bottom:var(--cf-space-4)}
.cfd .connect__side h3 {font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.02em;color:var(--cf-color-text-inverse);margin-bottom:var(--cf-space-3)}
.cfd .connect__side p {color:var(--cf-color-primary-100)}
.cfd .connect__side p strong {color:var(--cf-color-text-inverse)}
.cfd .connect__side .checks li {color:var(--cf-color-primary-100);font-size:16px}
.cfd .connect__side .checks .ic {color:var(--cf-color-primary-100)}
.cfd .connect__side .need {font-weight:600;color:var(--cf-color-text-inverse);margin:var(--cf-space-6) 0 var(--cf-space-3)}
.cfd .connect__main {padding:var(--cf-space-8) var(--cf-space-6)}
.cfd .path {list-style:none;margin:0;padding:0;position:relative;display:grid;gap:var(--cf-space-6)}
.cfd .path>li {min-width:0}
.cfd .path .num {display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(140deg,var(--cf-color-primary-700),var(--cf-color-primary-900));color:var(--cf-color-text-inverse);font-weight:700;font-size:16px;margin-inline-end:var(--cf-space-3);vertical-align:middle}
.cfd .path h4 {display:flex;align-items:center;font-size:18px;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-2);font-weight:600}
.cfd .path p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .arch {margin-top:var(--cf-space-12);display:grid;gap:var(--cf-space-6)}
.cfd .arch>* {min-width:0}
.cfd .layers {display:grid;gap:var(--cf-space-2)}
.cfd .layer {border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-4) var(--cf-space-5);background:var(--cf-color-surface);transition:border-color .3s,box-shadow .3s,transform .3s}
.cfd .layer h4 {margin:0 0 var(--cf-space-1);color:var(--cf-color-primary-900);font-size:17px;display:flex;gap:var(--cf-space-3);align-items:center;font-weight:600}
.cfd .layer p {margin:0;font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .layer.is-active {border-color:var(--cf-color-cta);box-shadow:0 0 0 2px var(--cf-color-cta);transform:translateX(4px)}
.cfd .layer-arrow {display:grid;place-items:center;color:var(--cf-color-primary-500);height:20px}
.cfd .layer-arrow>* {width:20px;height:20px}
.cfd .arch-ctrl {display:flex;flex-wrap:wrap;gap:var(--cf-space-2);margin-bottom:var(--cf-space-4)}
.cfd .arch-log {margin:0;padding-inline-start:var(--cf-space-5);display:grid;gap:var(--cf-space-3)}
.cfd .arch-log li {color:var(--cf-color-text-secondary);padding:var(--cf-space-2) var(--cf-space-3);border-radius:var(--cf-radius-medium);transition:background .3s}
.cfd .arch-log li strong {color:var(--cf-color-primary-900)}
.cfd .arch-log li.is-active {background:var(--cf-color-surface);box-shadow:var(--cf-shadow-small)}
.cfd .dev {margin-top:var(--cf-space-10);display:flex;flex-wrap:wrap;gap:var(--cf-space-4);align-items:center;padding:var(--cf-space-5) var(--cf-space-6);background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px)}
.cfd .dev p {margin:0;flex:1 1 280px}
.cfd .dev .cf-actions {margin:0}
.cfd .sci {display:grid;gap:var(--cf-space-10)}
.cfd .sci>* {min-width:0}
.cfd .sci__intro {max-width:760px}
.cfd .sci__intro .cf-lead {margin:0}
.cfd .sci__poster {display:grid;gap:var(--cf-space-10);align-items:end;border-block:1px solid var(--cf-color-primary-700);padding-block:var(--cf-space-10)}
.cfd .sci__poster>* {min-width:0}
.cfd .sci__big {font-size:clamp(88px,14vw,184px);font-weight:700;letter-spacing:-.045em;line-height:.9;color:var(--cf-color-text-inverse) !important;margin:0;max-width:none}
.cfd .sci__cap {font-size:22px;font-weight:600;color:var(--cf-color-text-inverse) !important;margin:var(--cf-space-4) 0 0}
.cfd .sci__nums {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:var(--cf-space-6)}
.cfd .sci__nums li {border-top:1px solid var(--cf-color-primary-700);padding-top:var(--cf-space-4);min-width:0}
.cfd .sci__n {display:block;font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--cf-color-text-inverse)}
.cfd .sci__l {display:block;font-size:17px;color:var(--cf-color-primary-100);margin-top:var(--cf-space-1)}
.cfd .sci__body {display:grid;gap:var(--cf-space-10)}
.cfd .sci__body>* {min-width:0}
.cfd .sci__time {display:flex;gap:var(--cf-space-4);align-items:flex-start;margin-top:var(--cf-space-6);padding:var(--cf-space-5);border:1px solid var(--cf-color-primary-700);border-radius:calc(var(--cf-radius-large) + 4px)}
.cfd .sci__time>i, .cfd .sci__time>svg {width:28px;height:28px;flex:none;color:var(--cf-color-accent-500)}
.cfd .sci__time p {margin:0}
.cfd .sci__time strong {color:var(--cf-color-text-inverse)}
.cfd .sci__users ul {list-style:none;margin:0 0 var(--cf-space-5);padding:0;display:grid;gap:0}
.cfd .sci__users li {display:flex;gap:var(--cf-space-3);align-items:flex-start;padding:var(--cf-space-3) 0;border-bottom:1px solid var(--cf-color-primary-700)}
.cfd .sci__users li>i, .cfd .sci__users li>svg {width:22px;height:22px;flex:none;margin-top:2px;color:var(--cf-color-primary-100)}
.cfd .sci__users li strong {color:var(--cf-color-text-inverse)}
.cfd .boundary {display:grid;gap:var(--cf-space-6);align-items:center;margin-bottom:var(--cf-space-10)}
.cfd .zone {border:2px dashed var(--cf-color-primary-700);border-radius:calc(var(--cf-radius-large) * 1.75);padding:var(--cf-space-6);background:var(--cf-color-primary-050);position:relative}
.cfd .zone__lbl {display:flex;gap:var(--cf-space-2);align-items:center;font-weight:700;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-4)}
.cfd .zone__lbl>i, .cfd .zone__lbl>svg {width:20px;height:20px}
.cfd .zone__pair {display:grid;gap:var(--cf-space-3);align-items:center}
.cfd .who {display:flex;gap:var(--cf-space-3);align-items:center;background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);padding:var(--cf-space-4)}
.cfd .who strong {display:block;color:var(--cf-color-primary-900)}
.cfd .who span.d {font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .swap {justify-self:center;color:var(--cf-color-primary-700);display:grid;place-items:center}
.cfd .swap>* {width:24px;height:24px;transform:rotate(90deg)}
.cfd .oneway {display:flex;gap:var(--cf-space-3);align-items:center;color:var(--cf-color-text-secondary);font-size:16px;justify-content:center;text-align:center}
.cfd .oneway>i, .cfd .oneway>svg {width:24px;height:24px;color:var(--cf-color-primary-700);flex:none;transform:rotate(90deg)}
.cfd .sees {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--cf-space-5);margin-bottom:var(--cf-space-12)}
.cfd .sees h3 {display:flex;gap:var(--cf-space-3);align-items:center;margin-bottom:var(--cf-space-4)}
.cfd .principles {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0 var(--cf-space-8);border-top:1px solid var(--cf-color-border)}
.cfd .principles>div {padding:var(--cf-space-5) 0;border-bottom:1px solid var(--cf-color-border);min-width:0}
.cfd .principles h3 {font-size:18px;margin-bottom:var(--cf-space-1)}
.cfd .principles p {margin:0;color:var(--cf-color-text-secondary);font-size:17px}
.cfd .disclaimer {margin-top:var(--cf-space-8);color:var(--cf-color-text-secondary);font-size:17px}
.cfd .pilot-top {display:grid;gap:var(--cf-space-8);margin-bottom:var(--cf-space-10);align-items:center}
.cfd .pilot-top>* {min-width:0}
.cfd .pilot-photo {width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:calc(var(--cf-radius-large) + 4px);display:block}
.cfd .phases {position:relative}
.cfd .phases__line {display:none}
.cfd .phases ol {list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-5);position:relative}
.cfd .phases ol>li {min-width:0}
.cfd .phases .card {height:100%;box-sizing:border-box}
.cfd .phases .pn {display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,var(--cf-color-primary-700),var(--cf-color-primary-900));color:var(--cf-color-text-inverse);font-weight:700;margin-bottom:var(--cf-space-4)}
.cfd .phases ul {margin:0;padding-inline-start:var(--cf-space-5);color:var(--cf-color-text-secondary)}
.cfd .phases ul li {margin-bottom:var(--cf-space-1);font-size:16px}
.cfd .criteria {margin-top:var(--cf-space-10)}
.cfd .criteria h3 {margin-bottom:var(--cf-space-4)}
.cfd .criteria ol {list-style:none;margin:0;padding:0;display:grid;background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);overflow:hidden}
.cfd .criteria li {display:flex;gap:var(--cf-space-3);align-items:center;padding:var(--cf-space-4) var(--cf-space-5);border-bottom:1px solid var(--cf-color-border);color:var(--cf-color-primary-900);font-weight:500;min-width:0}
.cfd .criteria li:last-child {border-bottom:0}
.cfd .criteria li>i, .cfd .criteria li>svg {width:20px;height:20px;color:var(--cf-color-primary-600);flex:none}
.cfd .key {font-size:20px;font-weight:600;color:var(--cf-color-primary-900);margin:var(--cf-space-8) 0 0;max-width:60ch}
.cfd .faq {display:grid;gap:var(--cf-space-10)}
.cfd .faq>* {min-width:0}
.cfd .help {margin-top:var(--cf-space-6);background:var(--cf-color-primary-900);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-6)}
.cfd .help h3 {color:var(--cf-color-text-inverse)}
.cfd .help p {color:var(--cf-color-primary-100);font-size:17px}
.cfd .faq details {border-bottom:1px solid var(--cf-color-border);padding:var(--cf-space-2) 0}
.cfd .faq summary {font-weight:600;font-size:18px;color:var(--cf-color-primary-900);cursor:pointer;padding:var(--cf-space-3) 0}
.cfd .faq details div {padding:0 0 var(--cf-space-4)}
.cfd .faq details p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .faq details p strong {color:var(--cf-color-text-primary)}
.cfd .close {display:grid;gap:var(--cf-space-10);align-items:start}
.cfd .close>* {min-width:0}
.cfd .close h2 {color:var(--cf-color-text-inverse)}
.cfd .close .cf-lead {color:var(--cf-color-primary-100)}
.cfd .close .agenda {background:rgba(255,255,255,.06);border:1px solid var(--cf-color-primary-700);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-6)}
.cfd .close .agenda h3 {font-size:18px}
.cfd .close .agenda ul {margin:0 0 var(--cf-space-5);padding-inline-start:var(--cf-space-5)}
.cfd .intro-box {border-top:1px solid var(--cf-color-primary-700);padding-top:var(--cf-space-4)}
.cfd .intro-box .ilbl {font-weight:600;color:var(--cf-color-text-inverse);margin:0 0 var(--cf-space-2)}
.cfd .intro-box #intro-text {font-size:16px;color:var(--cf-color-primary-100);margin:0}
.cfd .copied {font-weight:600;color:var(--cf-color-text-inverse);margin-inline-start:var(--cf-space-2)}
.cfd button.cf-btn {font:inherit;cursor:pointer;min-height:32px}
.cfd .contact {display:grid;gap:var(--cf-space-10);align-items:start}
.cfd .contact>* {min-width:0}
.cfd .contact .cf-lead {color:var(--cf-color-text-secondary);margin:0 0 var(--cf-space-6)}
.cfd .contact__direct {color:var(--cf-color-text-secondary);margin:var(--cf-space-6) 0 0}
.cfd .contact__direct strong {color:var(--cf-color-primary-900);overflow-wrap:anywhere}
.cfd .cform {background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-6);box-shadow:var(--cf-shadow-medium);display:grid;gap:var(--cf-space-5)}
.cfd .cform__row {display:grid;gap:var(--cf-space-5)}
.cfd .cform__row>div {min-width:0}
.cfd .cform label {display:block;font-weight:600;color:var(--cf-color-primary-900);margin-bottom:var(--cf-space-2)}
.cfd .cform label .opt {font-weight:400;color:var(--cf-color-text-secondary)}
.cfd .cform input, .cfd .cform textarea {width:100%;box-sizing:border-box;font:inherit;font-size:17px;padding:var(--cf-space-3);min-height:48px;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-medium);color:var(--cf-color-text-primary);background:var(--cf-color-surface)}
.cfd .cform textarea {min-height:150px;resize:vertical}
.cfd .cform__fine {font-size:16px;color:var(--cf-color-text-muted);margin:0}
.cfd .cform .cf-actions {margin:0}
.cfd .cform__status {font-weight:600;color:var(--cf-color-primary-900);margin:0;padding:var(--cf-space-4);border-radius:var(--cf-radius-medium);background:var(--cf-color-primary-050)}
.cfd .src ol {padding-inline-start:var(--cf-space-5);color:var(--cf-color-text-secondary)}
.cfd .src p {color:var(--cf-color-text-secondary)}
.cfd .src a:not(:where(.cf-btn)) {overflow-wrap:anywhere}
.cfd .src .links {display:flex;flex-wrap:wrap;gap:var(--cf-space-2) var(--cf-space-6);list-style:none;padding:0}
.cfd .src .links a:not(:where(.cf-btn)) {display:inline-block;min-height:24px;padding-block:var(--cf-space-1)}
@media (min-width:720px) {.cfd .sec {padding-inline:32px}
.cfd .cf-actions .cf-btn {width:auto}
.cfd .hero__visual {display:block}
.cfd .facts {grid-template-columns:repeat(3,minmax(0,1fr))}
.cfd .fact {border-bottom:0;border-inline-end:1px solid var(--cf-color-border)}
.cfd .fact:last-child {border-inline-end:0}
.cfd .compare {grid-template-columns:1fr 1fr}
.cfd .demo [role=tablist] {grid-template-columns:repeat(3,minmax(0,1fr))}
.cfd .logic {grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cf-space-8)}
.cfd .logic>div {border-bottom:0}
.cfd .bento .two {grid-template-columns:1fr 1fr}
.cfd .zone__pair {grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.cfd .swap>* {transform:none}
.cfd .criteria ol {grid-template-columns:repeat(5,minmax(0,1fr))}
.cfd .criteria li {border-bottom:0;border-inline-end:1px solid var(--cf-color-border);flex-direction:column;align-items:flex-start}
.cfd .criteria li:last-child {border-inline-end:0}
.cfd .phases ol {grid-template-columns:1fr 1fr}
.cfd .er {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.cfd .path {padding-inline-start:0}
.cfd .cform__row {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cfd .cform {padding:var(--cf-space-8)}
.cfd .sci__nums {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px) {.cfd .hero__grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cf-space-12);align-items:center}
.cfd .def {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--cf-space-16)}
.cfd .emp {grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start}
.cfd .bento {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.cfd .bento .two {grid-template-columns:1fr}
.cfd .calc {grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--cf-space-10)}
.cfd .connect {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.cfd .connect__stick {position:sticky;top:84px}
.cfd .connect__side, .cfd .connect__main {padding:var(--cf-space-12) var(--cf-space-10)}
.cfd .path::before {content:"";position:absolute;inset-block:18px 18px;inset-inline-start:17px;border-inline-start:2px solid var(--cf-color-primary-100)}
.cfd .path>li {position:relative;padding-inline-start:60px}
.cfd .path .num {position:absolute;inset-inline-start:0;top:-4px;margin:0}
.cfd .arch {grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.cfd .sci__poster {grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--cf-space-16)}
.cfd .sci__body {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--cf-space-16)}
.cfd .boundary {grid-template-columns:minmax(0,2fr) minmax(0,.9fr) minmax(0,1fr)}
.cfd .oneway {flex-direction:column}
.cfd .oneway>i, .cfd .oneway>svg {transform:none}
.cfd .pilot-top {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cfd .phases ol {grid-template-columns:repeat(4,minmax(0,1fr))}
.cfd .phases__line {display:block;position:absolute;inset-inline:20px;top:20px;width:calc(100% - 40px);height:4px;overflow:visible}
.cfd .phases__line line {stroke:var(--cf-color-primary-100);stroke-width:2}
.cfd .faq {grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:var(--cf-space-16)}
.cfd .faq__side {position:sticky;top:84px}
.cfd .close {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.cfd .contact {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--cf-space-16)}}
@media (prefers-reduced-motion:reduce) {.cfd .blob, .cfd .net line, .cfd .net circle, .cfd .orbit, .cfd .flow__dot, .cfd .flow__node--core .tile {animation:none}
.cfd .flow__dot--up {display:none}
.cfd .ws__new, .cfd .ws__main, .cfd .card, .cfd .layer, .cfd .curve .mk {transition:none}}