.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 .head {max-width:760px;margin-bottom:var(--cf-space-10)}
.cfd .head .cf-lead {color:var(--cf-color-text-secondary);margin:0}
.cfd .bg-navy .head .cf-lead {color:var(--cf-color-primary-100)}
.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, .cfd :where(main) summary:focus-visible, .cfd :where(main) [tabindex]: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 .lt {display:inline-flex;align-items:center;gap:var(--cf-space-2);font-size:14px;font-weight:700;color:var(--cf-color-text-primary);background:var(--cf-color-background-soft);border-radius:var(--cf-radius-small);padding:2px var(--cf-space-2);white-space:nowrap}
.cfd .lt::before {content:"";width:10px;height:10px;border-radius:50%;background:var(--lt)}
.cfd .lt--g, .cfd .lev--g {--lt:var(--cf-color-stimulus-green)}
.cfd .lt--a, .cfd .lev--a {--lt:var(--cf-color-stimulus-yellow)}
.cfd .lt--r, .cfd .lev--r {--lt:var(--cf-color-stimulus-red)}
.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%,var(--cf-color-text-primary) 78%);mask-image:linear-gradient(to right,transparent 48%,var(--cf-color-text-primary) 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 .hero__proof {margin:var(--cf-space-6) 0 0;font-size:16px;color:var(--cf-color-primary-100)}
.cfd .hero .hero__proof strong {color:var(--cf-color-text-inverse)}
.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}
.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 .cri {position:relative;z-index:1;background:var(--cf-color-surface);border-radius:calc(var(--cf-radius-large) + 8px);box-shadow:var(--cf-shadow-large);padding:var(--cf-space-6);display:grid;gap:var(--cf-space-5);max-width:460px;margin-inline:auto}
.cfd .hero .cri p, .cfd .hero .cri span, .cfd .hero .cri strong {color:var(--cf-color-text-primary);margin:0;max-width:none}
.cfd .cri__top {display:flex;gap:var(--cf-space-4);align-items:center}
.cfd .dial {width:112px;height:112px;flex:none}
.cfd .dial .trk {fill:none;stroke:var(--cf-color-background-soft);stroke-width:12}
.cfd .dial .val {fill:none;stroke:var(--cf-color-stimulus-yellow);stroke-width:12;stroke-linecap:round}
.cfd .dial .num {fill:var(--cf-color-primary-900);font:700 32px var(--cf-font)}
.cfd .dial .of {fill:var(--cf-color-text-secondary);font:400 14px var(--cf-font)}
.cfd .hero .cri .cri__k {display:block;font-size:14px;font-weight:600;color:var(--cf-color-text-secondary)}
.cfd .hero .cri .cri__t {display:block;font-size:20px;font-weight:700;color:var(--cf-color-primary-900);margin:var(--cf-space-1) 0 var(--cf-space-2)}
.cfd .levers {display:grid;gap:var(--cf-space-3)}
.cfd .lev {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--cf-space-1) var(--cf-space-3);align-items:center;font-size:16px}
.cfd .lev .tr {grid-column:1/-1;height:8px;border-radius:var(--cf-radius-pill);background:var(--cf-color-background-soft);overflow:hidden}
.cfd .lev .br {display:block;height:100%;width:var(--cf-value);background:var(--lt);border-radius:var(--cf-radius-pill)}
.cfd .hero .cri .cri__fine {font-size:16px;color:var(--cf-color-text-muted)}
.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 var(--cf-space-10);font-weight:500}
.cfd .case {display:grid;border-top:1px solid var(--cf-color-border)}
.cfd .case>div {padding:var(--cf-space-6) 0;border-bottom:1px solid var(--cf-color-border);min-width:0;display:flex;gap:var(--cf-space-4);align-items:flex-start}
.cfd .case h3 {font-size:20px;margin-bottom:var(--cf-space-1)}
.cfd .case p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .ask {font-size:20px;font-weight:600;color:var(--cf-color-primary-900);margin:var(--cf-space-8) 0 0;max-width:60ch}
.cfd .transp {margin-top:var(--cf-space-8);padding:var(--cf-space-5) var(--cf-space-6);background:var(--cf-color-background-soft);border-radius:var(--cf-radius-large);display:flex;gap:var(--cf-space-4);align-items:flex-start}
.cfd .transp>i, .cfd .transp>svg {width:24px;height:24px;flex:none;color:var(--cf-color-primary-700);margin-top:2px}
.cfd .transp p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .transp strong {color:var(--cf-color-primary-900)}
.cfd .pains {display:grid;gap:0 var(--cf-space-10);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.cfd .pain {padding:var(--cf-space-5) 0;border-top:1px solid var(--cf-color-border-strong);min-width:0}
.cfd .pain p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .figs {display:grid;gap:var(--cf-space-8);margin-top:var(--cf-space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.cfd .fig {min-width:0}
.cfd .fig__n {display:block;font-size:clamp(48px,6vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--cf-color-primary-900)}
.cfd .fig p {margin:var(--cf-space-3) 0 0;color:var(--cf-color-text-secondary)}
.cfd .how-top {display:grid;gap:var(--cf-space-8);align-items:start}
.cfd .how-top>* {min-width:0}
.cfd .fun {display:grid;gap:var(--cf-space-5);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)}
.cfd .fun__row {display:grid;gap:var(--cf-space-2)}
.cfd .fun__h {display:flex;justify-content:space-between;gap:var(--cf-space-3);flex-wrap:wrap;font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .fun__h strong {color:var(--cf-color-primary-900);font-size:18px}
.cfd .fun__tr {height:14px;background:var(--cf-color-primary-050);border-radius:var(--cf-radius-small);overflow:hidden}
.cfd .fun__br {display:block;height:100%;width:var(--cf-value);background:var(--cf-color-primary-600);border-radius:var(--cf-radius-small)}
.cfd .fun__loop {display:flex;gap:var(--cf-space-3);align-items:center;color:var(--cf-color-primary-700);font-weight:600;margin:0}
.cfd .fun__loop>i, .cfd .fun__loop>svg {width:22px;height:22px;flex:none}
.cfd .fun__cap {font-size:14px;color:var(--cf-color-text-muted);margin:0}
.cfd .lay3 {list-style:none;margin:0;padding:0;display:grid;gap:0}
.cfd .lay3>li {padding:var(--cf-space-5) 0;border-bottom:1px solid var(--cf-color-border);min-width:0}
.cfd .lay3>li:first-child {padding-top:0}
.cfd .lay3 h3 {margin:var(--cf-space-1) 0 var(--cf-space-2)}
.cfd .lay3 p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .lay3 .later {margin-top:var(--cf-space-4);font-size:16px;color:var(--cf-color-text-muted)}
.cfd .inside {display:grid;gap:var(--cf-space-6);margin-top:var(--cf-space-16);align-items:start}
.cfd .inside>* {min-width:0}
.cfd .inside__h {margin-top:var(--cf-space-16)}
.cfd .phone {width:min(100%,290px);margin:var(--cf-space-4) auto 0;background:var(--cf-color-primary-900);border-radius:34px;padding:10px;box-shadow:var(--cf-shadow-large)}
.cfd .screen {background:var(--cf-color-primary-050);border-radius:26px;height:420px;position:relative;overflow:hidden;color:var(--cf-color-primary-900)}
.cfd .sbar {height:6px;background:var(--cf-color-surface);margin:14px 16px 0;border-radius:var(--cf-radius-pill);overflow:hidden}
.cfd .sbar span {display:block;height:100%;width:0;background:var(--cf-color-primary-600);border-radius:var(--cf-radius-pill);transition:width .3s}
.cfd .ph {position:absolute;inset:28px 14px 14px;display:flex;flex-direction:column;gap:var(--cf-space-2)}
.cfd .qt {font-size:14px;font-weight:700;color:var(--cf-color-text-secondary);text-align:center}
.cfd .qr {background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);padding:6px 10px;display:flex;justify-content:space-between;align-items:center;gap:var(--cf-space-2);font-size:14px;color:var(--cf-color-text-primary)}
.cfd .qr .opt {display:flex;gap:4px}
.cfd .qr .o {width:14px;height:14px;border-radius:50%;border:1.5px solid var(--cf-color-border-strong);display:block;transition:background .2s,border-color .2s}
.cfd .qr .o.on {background:var(--cf-color-primary-600);border-color:var(--cf-color-primary-600)}
.cfd .key {display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);overflow:hidden;background:var(--cf-color-surface)}
.cfd .key>span {display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-inline-end:1px solid var(--cf-color-border);font-weight:700;font-size:14px;transition:background .2s}
.cfd .key>span:last-child {border-inline-end:0}
.cfd .key>span.hl {background:var(--cf-color-primary-100)}
.cfd .key svg {width:18px;height:18px;display:block}
.cfd .target {margin:10px auto 4px;width:110px;height:110px;border-radius:22px;background:var(--cf-color-surface);border:1px solid var(--cf-color-border);display:grid;place-items:center;box-shadow:var(--cf-shadow-small)}
.cfd .target svg {width:62px;height:62px;display:block}
.cfd .score {display:flex;justify-content:space-between;font-size:14px;color:var(--cf-color-text-secondary);font-weight:600}
.cfd .score b {color:var(--cf-color-primary-900)}
.cfd .pad {display:grid;grid-template-columns:repeat(3,1fr);gap:var(--cf-space-2);margin-top:auto}
.cfd .pad>span {min-height:44px;border-radius:var(--cf-radius-medium);border:1px solid var(--cf-color-border);background:var(--cf-color-surface);font-weight:700;font-size:16px;display:grid;place-items:center;transition:background .15s,color .15s}
.cfd .pad>span.press {background:var(--cf-color-primary-700);color:var(--cf-color-text-inverse);border-color:var(--cf-color-primary-700)}
.cfd .engine {background:var(--cf-color-primary-900);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-6)}
.cfd .engine h3 {color:var(--cf-color-text-inverse)}
.cfd .engine p, .cfd .engine li {color:var(--cf-color-primary-100);font-size:16px}
.cfd .engine strong {color:var(--cf-color-text-inverse)}
.cfd .engine ol {margin:0;padding-inline-start:var(--cf-space-5);display:grid;gap:var(--cf-space-2)}
.cfd .engine .db {display:flex;gap:var(--cf-space-3);align-items:flex-start;border:1px solid var(--cf-color-primary-700);border-radius:var(--cf-radius-medium);padding:var(--cf-space-4);margin:var(--cf-space-4) 0}
.cfd .engine .db>i, .cfd .engine .db>svg {width:24px;height:24px;flex:none;color:var(--cf-color-primary-100)}
.cfd .engine .db p {margin:0}
.cfd .outs {list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-3)}
.cfd .outs li {display:flex;gap:var(--cf-space-3);align-items:flex-start;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);padding:var(--cf-space-4);background:var(--cf-color-surface)}
.cfd .outs .lt2 {display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--cf-radius-small);border:2px solid var(--cf-color-primary-900);color:var(--cf-color-primary-900);font-weight:700;flex:none}
.cfd .outs strong {display:block;color:var(--cf-color-primary-900)}
.cfd .outs span.d {font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .lights {display:grid;gap:var(--cf-space-5);margin-top:var(--cf-space-10);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.cfd .lights h3 {margin:var(--cf-space-3) 0 var(--cf-space-2);font-size:19px}
.cfd .lights p {margin:0;font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .cri-rule {margin:var(--cf-space-6) 0 0;font-weight:600;color:var(--cf-color-primary-900)}
.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 .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);vertical-align:top}
.cfd th {color:var(--cf-color-primary-900);font-weight:600}
.cfd td {color:var(--cf-color-text-secondary)}
.cfd .tcard {background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);overflow:hidden}
.cfd .tcard table th {background:var(--cf-color-primary-050)}
.cfd .tcard table th, .cfd .tcard table td {padding:var(--cf-space-4)}
.cfd .photo-wide {width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:calc(var(--cf-radius-large) + 4px);display:block}
.cfd .vs {display:grid;border-radius:calc(var(--cf-radius-large) * 1.5);overflow:hidden;border:1px solid var(--cf-color-border);margin-top:var(--cf-space-8)}
.cfd .vs__col {padding:var(--cf-space-8) var(--cf-space-6);min-width:0}
.cfd .vs__col--off {background:var(--cf-color-surface)}
.cfd .vs__col--off h3 {color:var(--cf-color-text-secondary)}
.cfd .vs__col--off li {color:var(--cf-color-text-secondary)}
.cfd .vs__col--on {background:var(--cf-color-primary-900)}
.cfd .vs__col--on h3 {color:var(--cf-color-text-inverse)}
.cfd .vs__col--on li {color:var(--cf-color-primary-100)}
.cfd .vs__col--on li strong {color:var(--cf-color-text-inverse)}
.cfd .vs__col--on .ic {color:var(--cf-color-primary-100)}
.cfd .vs h3 {font-size:22px;margin-bottom:var(--cf-space-5)}
.cfd .vs .checks strong {display:block}
.cfd .vsm {display:grid;gap:var(--cf-space-6);margin-top:var(--cf-space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.cfd .vsm>div {border-top:1px solid var(--cf-color-border-strong);padding-top:var(--cf-space-4);min-width:0}
.cfd .vsm .big {display:block;font-size:clamp(30px,3.6vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--cf-color-primary-900)}
.cfd .vsm p {margin:var(--cf-space-2) 0 0;color:var(--cf-color-text-secondary)}
.cfd .demo [data-cf-tabs], .cfd .demo [data-role-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], .cfd .demo [data-role-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"], .cfd .demo [data-role-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, .cfd .demo [data-role-tab] small {display:block;font-size:14px;font-weight:400;color:var(--cf-color-text-secondary)}
.cfd .demo [data-cf-panel], .cfd .demo [data-role-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 .crih {border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);padding:var(--cf-space-5);margin-bottom:var(--cf-space-5);background:var(--cf-color-primary-050)}
.cfd .crih__row {list-style:none;margin:var(--cf-space-3) 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--cf-space-3)}
.cfd .crih__row li {background:var(--cf-color-surface);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-medium);padding:var(--cf-space-2) var(--cf-space-4);display:flex;gap:var(--cf-space-3);align-items:center;font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .crih__row strong {font-size:20px;color:var(--cf-color-primary-900)}
.cfd .crih p {margin:0 0 var(--cf-space-3);color:var(--cf-color-text-secondary)}
.cfd .crih p strong {color:var(--cf-color-primary-900)}
.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, .cfd .emp__cri 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 .emp__cri {border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);padding:var(--cf-space-5);display:grid;gap:var(--cf-space-4)}
.cfd .emp__cri>* {min-width:0}
.cfd .emp__cri .top {display:flex;gap:var(--cf-space-4);align-items:center;flex-wrap:wrap}
.cfd .emp__cri .n {font-size:44px;font-weight:700;line-height:1;color:var(--cf-color-primary-900);letter-spacing:-.03em}
.cfd .emp__cri p {margin:0;font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .emp__cri ul {margin:0;padding-inline-start:var(--cf-space-5);color:var(--cf-color-text-secondary);font-size:16px}
.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 .baro {border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);padding:var(--cf-space-5);margin-bottom:var(--cf-space-5)}
.cfd .baro h4 {font-size:18px;color:var(--cf-color-primary-900);margin:0 0 var(--cf-space-1);font-weight:600}
.cfd .baro>p {margin:0 0 var(--cf-space-4);font-size:16px;color:var(--cf-color-text-secondary)}
.cfd .teams {display:grid;gap:var(--cf-space-3);margin-bottom:var(--cf-space-4)}
.cfd .team {display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr) 52px;gap:var(--cf-space-3);align-items:center;font-size:16px;color:var(--cf-color-text-primary)}
.cfd .team .n {font-size:14px;color:var(--cf-color-text-muted);text-align:end}
.cfd .stack {display:flex;height:18px;border-radius:var(--cf-radius-pill);overflow:hidden;background:var(--cf-color-background-soft)}
.cfd .stack span {display:block;height:100%}
.cfd .stack .g {background:var(--cf-color-stimulus-green)}
.cfd .stack .a {background:var(--cf-color-stimulus-yellow)}
.cfd .stack .r {background:var(--cf-color-stimulus-red)}
.cfd .team .hid {font-size:16px;color:var(--cf-color-text-secondary);font-style:italic}
.cfd .legend {display:flex;flex-wrap:wrap;gap:var(--cf-space-3);margin-bottom:var(--cf-space-4)}
.cfd .callout {margin:0;padding:var(--cf-space-4);border-radius:var(--cf-radius-medium);background:var(--cf-color-primary-050);color:var(--cf-color-text-primary);font-size:16px}
.cfd .callout strong {color:var(--cf-color-primary-900)}
.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 .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 .biz [role=tablist] {grid-template-columns:1fr}
.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;white-space:nowrap}
.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 .fixed {display:flex;justify-content:space-between;gap:var(--cf-space-3);padding:var(--cf-space-3) var(--cf-space-4);border-radius:var(--cf-radius-medium);background:var(--cf-color-primary-050);margin-bottom:var(--cf-space-6)}
.cfd .fixed span {color:var(--cf-color-primary-900);font-weight:600}
.cfd .fixed strong {color:var(--cf-color-primary-900)}
.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 .roi-fb {margin:0 0 var(--cf-space-6);padding:var(--cf-space-5);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-large);color:var(--cf-color-text-secondary)}
.cfd .roi-src {font-size:16px;color:var(--cf-color-text-muted)}
.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 .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);margin-bottom: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(32px,3.6vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--cf-color-text-inverse);overflow-wrap:anywhere}
.cfd .sci__l {display:block;font-size:17px;color:var(--cf-color-primary-100);margin-top:var(--cf-space-1)}
.cfd .moat__list {list-style:none;margin:0 0 var(--cf-space-10);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 var(--cf-space-10)}
.cfd .moat__list li {padding:var(--cf-space-5) 0;border-top:1px solid var(--cf-color-primary-700);min-width:0}
.cfd .moat__list strong {display:block;color:var(--cf-color-text-inverse);font-size:19px;margin-bottom:var(--cf-space-1)}
.cfd .moat__fine {margin:var(--cf-space-6) 0 0}
.cfd .yes {color:var(--cf-color-success-700) !important;font-weight:600}
.cfd .no {color:var(--cf-color-primary-900) !important;font-weight:600}
.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 .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 .sci2 {display:grid;gap:var(--cf-space-10)}
.cfd .sci2>* {min-width:0}
.cfd .ev {list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-3)}
.cfd .ev li {padding-bottom:var(--cf-space-3);border-bottom:1px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}
.cfd .ev li strong {color:var(--cf-color-primary-900)}
.cfd .sci2 h3 {margin-top:var(--cf-space-6)}
.cfd .sci2 h3:first-child {margin-top:0}
.cfd .sci2 p {color:var(--cf-color-text-secondary)}
.cfd .time-note {display:flex;gap:var(--cf-space-4);align-items:flex-start;margin-top:var(--cf-space-8);padding:var(--cf-space-5);border:1px solid var(--cf-color-border);border-radius:calc(var(--cf-radius-large) + 4px);background:var(--cf-color-background-soft)}
.cfd .time-note>i, .cfd .time-note>svg {width:28px;height:28px;flex:none;color:var(--cf-color-accent-700)}
.cfd .time-note p {margin:0}
.cfd .time-note strong {color:var(--cf-color-primary-900)}
.cfd .users {list-style:none;margin:0 0 var(--cf-space-5);padding:0}
.cfd .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-border);color:var(--cf-color-text-secondary)}
.cfd .users li>i, .cfd .users li>svg {width:22px;height:22px;flex:none;margin-top:2px;color:var(--cf-color-primary-700)}
.cfd .users li strong {color:var(--cf-color-primary-900)}
.cfd .refbox {margin-top:var(--cf-space-10);border-top:1px solid var(--cf-color-border);padding-top:var(--cf-space-2)}
.cfd .refbox summary {font-weight:600;font-size:18px;color:var(--cf-color-primary-900);cursor:pointer;padding:var(--cf-space-3) 0}
.cfd .refs {padding-inline-start:var(--cf-space-5);display:grid;gap:var(--cf-space-2);color:var(--cf-color-text-secondary);font-size:16px;margin:var(--cf-space-3) 0 0}
.cfd .refs a:not(:where(.cf-btn)) {overflow-wrap:anywhere}
.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-3)}
.cfd .phases .when {display:block;font-size:14px;font-weight:700;color:var(--cf-color-primary-700);margin-bottom:var(--cf-space-1)}
.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 .metrics {margin-top:var(--cf-space-10)}
.cfd .metrics h3 {margin-bottom:var(--cf-space-4)}
.cfd .pilot-key {font-size:20px;font-weight:600;line-height:1.5;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 ol li {margin-bottom:var(--cf-space-2)}
.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 .case {grid-template-columns:1fr 1fr;column-gap:var(--cf-space-10)}
.cfd .vs {grid-template-columns:1fr 1fr}
.cfd .demo [role=tablist] {grid-template-columns:repeat(3,minmax(0,1fr))}
.cfd .biz [role=tablist] {grid-template-columns:repeat(2,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 .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 .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))}
.cfd .emp__cri {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:1080px) {.cfd .hero__grid {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--cf-space-12)}
.cfd .how-top {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--cf-space-16)}
.cfd .inside {grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,.95fr)}
.cfd .emp {grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start}
.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__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 .sci2 {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 .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 {animation:none}
.cfd .card, .cfd .layer, .cfd .curve .mk, .cfd .sbar span, .cfd .qr .o, .cfd .key>span, .cfd .pad>span {transition:none}}