.method-visual-host{z-index:1;font-family:var(--font-instrument-sans), sans-serif;color:#283c48;place-items:center;display:grid;position:absolute;inset:0}.method-visual{aspect-ratio:1;width:min(80%,330px);position:relative;container-type:inline-size}.method-visual .method-visual-photo{aspect-ratio:1;isolation:isolate;width:70%;height:auto;position:absolute}.method-visual-photo-window{background:#a0b6b0;border-radius:18px;position:absolute;inset:6px;overflow:hidden}.method-visual-photo-window>img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.method-visual-photo-label{color:#fffffff5;text-align:center;letter-spacing:.04em;text-shadow:0 1px 4px #03050c66;width:100%;font-size:clamp(9px,3.55cqi,12px);font-weight:600;line-height:1;position:absolute;top:12px;left:0}.method-visual-note,.method-visual-filter-plate,.method-visual-image-result{-webkit-backdrop-filter:blur(12px)saturate(1.15);background:linear-gradient(135deg,#f8fdffed,#e1f2f8cf);border:1px solid #ffffffb3;box-shadow:0 18px 32px #0c1b3729,inset 0 1px #ffffffe6}.method-visual-note{letter-spacing:-.02em;border-radius:14px;width:80%;padding:13px 16px;font-size:clamp(12px,4.4cqi,14.5px);line-height:1.35;position:absolute}.method-visual-note-label{color:#58717e;letter-spacing:.015em;font-size:clamp(9px,3.35cqi,11px);font-weight:500;line-height:1.25;display:block}.method-visual p{font-size:inherit;font-weight:500;line-height:inherit;margin:6px 0 0}.method-visual mark{color:#244d51;background:#6ebebd3d;border-radius:4px;padding:0 .2em .05em}.method-visual-propose .method-visual-photo{top:2%;left:4%;transform:rotate(-5deg)}.method-visual-note-first{z-index:2;top:45%;left:11%;transform:rotate(-3deg)}.method-visual-note-second{z-index:3;top:70%;left:19%;transform:rotate(3deg)}.method-visual-filter{place-items:center;display:grid}.method-visual-filter-plate{letter-spacing:-.02em;border-radius:21px;width:96%;padding:17px 16px 9px;font-size:clamp(12px,4.15cqi,14px);line-height:1.35}.method-visual-filter-plate>.method-visual-note-label{margin:0 8px 9px}.method-visual-filter-row{align-items:center;gap:12px;padding:12px 9px;display:flex;position:relative}.method-visual-filter-row>div{flex:1;min-width:0}.method-visual-filter-row p{margin:0}.method-visual-filter-row>svg{stroke-width:1.65px;flex:0 0 15px;width:15px;height:15px}.method-visual-filter-rejected{opacity:.57}.method-visual-filter-rejected>svg{color:#66777c}.method-visual-reason{letter-spacing:0;color:#58717e;margin-top:5px;font-size:clamp(9px,3.3cqi,11px);font-weight:400;line-height:1.2;display:block}.method-visual-filter-kept{background:linear-gradient(135deg,#f5fffccc,#cbece699);border:1px solid #7fbbb685;border-radius:12px;margin:1px -6px;padding:13px 15px;box-shadow:0 6px 15px #244c580f,inset 0 1px #fffc}.method-visual-filter-kept>svg{color:#3a7468}.method-visual-regenerate .method-visual-photo{z-index:1;width:77%;top:5%;left:20%;transform:rotate(3deg)}.method-visual-noise{z-index:2;text-align:center;width:29%;position:absolute;top:62%;left:0}.method-visual-noise .method-visual-noise-frame{aspect-ratio:1;border-radius:15px;width:100%;height:auto;padding:5px;transform:rotate(-7deg);box-shadow:0 14px 24px #0a162c38,inset 0 1px #fffffff5}.method-visual-noise-texture{shape-rendering:crispedges;border-radius:10px;width:100%;height:100%;display:block;overflow:hidden}.method-visual-noise-label{color:#f9fcfff5;letter-spacing:.005em;text-shadow:0 1px 5px #12223c80;width:max-content;margin-top:10px;font-size:clamp(9px,3.3cqi,11px);font-weight:500;line-height:1.2;display:block;position:relative;left:50%;transform:translate(-50%)}.method-visual-noise-path{fill:none;stroke:#f4fcffbf;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.method-visual-image-result{z-index:3;white-space:nowrap;border-radius:13px;align-items:center;gap:8px;padding:10px 13px;font-size:clamp(11px,4cqi,13px);font-weight:500;line-height:1.2;display:inline-flex;position:absolute;top:76%;left:42%}.method-visual-image-result>svg{color:#3a7468;stroke-width:1.8px;flex:0 0 14px;width:14px;height:14px}.method-visual-image-result small{color:#58717e;margin-top:4px;font-size:clamp(8px,2.9cqi,10px);font-weight:400;display:block}.method-visual-playing.method-visual-propose .method-visual-note-first{animation:.9s cubic-bezier(.22,1,.36,1) .25s both method-visual-note-enter}.method-visual-playing.method-visual-propose .method-visual-note-second{animation:.9s cubic-bezier(.22,1,.36,1) .6s both method-visual-note-enter}.method-visual-playing .method-visual-filter-kept{animation:.75s cubic-bezier(.22,1,.36,1) .6s both method-visual-selected}.method-visual-playing .method-visual-filter-rejected{animation:.8s .9s both method-visual-reject}.method-visual-playing .method-visual-noise{animation:.9s cubic-bezier(.22,1,.36,1) .2s both method-visual-note-enter}.method-visual-playing .method-visual-noise-path{animation:.7s .65s both method-visual-appear}.method-visual-playing.method-visual-regenerate .method-visual-photo{animation:1s .6s both method-visual-appear}.method-visual-playing .method-visual-image-result{animation:.8s cubic-bezier(.22,1,.36,1) 1.25s both method-visual-note-enter}@keyframes method-visual-note-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes method-visual-selected{0%{opacity:.55;translate:0 5px}to{opacity:1;translate:0}}@keyframes method-visual-reject{0%{opacity:1}to{opacity:.57}}@keyframes method-visual-appear{0%{opacity:.25}to{opacity:1}}@media (max-width:600px){.method-visual{width:min(82%,330px)}}@media (prefers-reduced-motion:reduce){.method-visual *{transition:none!important;animation:none!important}}.feature-text-link{border-bottom:1px solid var(--feature-link-border,#cbd4ffcc);color:#f4f3f7;min-height:44px;font-family:var(--font-instrument-sans), sans-serif;align-items:center;gap:24px;margin-top:28px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .18s;display:inline-flex}.feature-text-link svg{flex-shrink:0;transition:transform .22s}.feature-text-link:hover{color:var(--feature-link-hover,#d6dcff)}.feature-text-link:hover svg{transform:translate(2px,-2px)}.feature-text-link:focus-visible{outline:2px solid var(--feature-link-hover,#cbd4ff);outline-offset:6px}@media (prefers-reduced-motion:reduce){.feature-text-link,.feature-text-link svg{transition:none}}.method-evidence{--evidence-accent:#b7f5ed;isolation:isolate;color:#f5f4f7;min-height:clamp(510px,42vw,615px);font-family:var(--font-instrument-sans), sans-serif;padding:clamp(28px,3.2vw,54px);scroll-margin-top:100px;position:relative;overflow:hidden}.method-evidence-field{z-index:-1;pointer-events:none;position:absolute;inset:0}.method-evidence-field:after{content:"";background:linear-gradient(100deg,#0000 30%,#0a182ba6 64%);position:absolute;inset:0}.method-evidence-main{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4.5vw,72px);min-height:calc(clamp(510px,42vw,615px) - clamp(56px,6.4vw,108px));display:grid}.method-evidence-comparison{width:100%;max-width:555px;margin:0 auto;container-type:inline-size}.method-evidence-board{color:#283c48;-webkit-backdrop-filter:blur(12px)saturate(1.15);background:linear-gradient(135deg,#f8fdffed,#e1f2f8cf);border:1px solid #ffffffb3;border-radius:22px;min-width:0;margin:0;padding:clamp(22px,5cqi,28px);box-shadow:0 16px 30px #0c1b371f,inset 0 1px #ffffffe6}.method-evidence-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,6cqi,34px);min-height:210px;display:grid}.method-evidence-statement{margin:0}.method-evidence-value{color:#286c63;letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;font-size:clamp(52px,13cqi,72px);font-weight:450;line-height:1;display:flex}.method-evidence-value small{letter-spacing:-.03em;margin-left:3px;font-size:.45em}.method-evidence-statement-copy{color:#3d5663;text-wrap:pretty;margin-top:15px;font-size:16px;line-height:1.5;display:block}.method-evidence-statement-copy mark{color:#235e55;font:inherit;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#74b5a63d;border-radius:4px;padding:.06em .28em .1em;font-weight:600}.method-evidence-visual{aspect-ratio:1;width:100%;position:relative}.method-evidence-matrix{aspect-ratio:1;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(3px,.8cqi,5px);width:100%;transition:opacity .28s,transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0;overflow:hidden}.method-evidence-matrix[data-hidden=true]{opacity:0;transform:translateY(-6px)}.method-evidence-glint{pointer-events:none;background:linear-gradient(165deg,#0000 34%,#effff9a6 50%,#0000 66%);position:absolute;inset:0}.method-evidence-cell{background:#faffff4d;border:1px solid #4a797a2b;border-radius:3px;position:relative;overflow:hidden}.method-evidence-cell>span{background:linear-gradient(135deg,#83b9ac,#418478);place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 1px #f4fffb7a}.method-evidence-cell svg{color:#f0fff980;stroke-width:1.8px;width:74%;height:74%}.method-evidence-compare{margin-top:8px}.method-evidence-compare-toggle{color:#476471;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:8px 12px;font-size:13px;transition:background-color .2s,color .2s;display:flex}.method-evidence-compare-toggle:hover{color:#243e49;background:#ffffff4d}.method-evidence-compare-toggle:focus-visible{outline-offset:2px;outline:2px solid #43847e}.method-evidence-compare-toggle svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}.method-evidence-compare-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.method-evidence-compare-panel{opacity:0;align-items:center;transition:opacity .28s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(6px)}.method-evidence-compare-panel[data-open=true]{opacity:1;transform:translateY(0)}.method-evidence-comparisons{gap:22px;width:100%;margin:0;padding:4px 0;list-style:none;display:grid}.method-evidence-comparisons li{color:#526b77;grid-template-columns:1fr auto;align-items:baseline;gap:6px;font-size:14px;display:grid}.method-evidence-comparisons strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:500}.method-evidence-comparisons .is-csi{color:#286c63}.method-evidence-comparison-track{background:#5777841f;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.method-evidence-comparison-track>span{transform-origin:0;background:#92abb8;width:100%;height:100%;display:block}.method-evidence-comparisons .is-csi .method-evidence-comparison-track>span{background:#4f8e82}.method-evidence-capsule.demo-surface{background:linear-gradient(135deg,#f9ffffc2,#e7f6fa99);border:1px solid #ffffff9e;max-width:100%;margin:12px auto 0;box-shadow:0 8px 24px #0c1b3714,inset 0 1px #ffffffbf;width:100%!important}.method-evidence-capsule>.glass-surface__content{padding:4px}.method-evidence-capsule.glass-surface--fallback{-webkit-backdrop-filter:blur(15px)saturate(1.25)}.method-evidence-tabs{grid-template-columns:.8fr 1.7fr 1.15fr .8fr;align-items:stretch;gap:2px;width:100%;min-width:0;display:grid}.method-evidence-tabs button{isolation:isolate;color:#2d4555;min-width:0;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 8px;font-size:13px;font-weight:500;line-height:1.3;transition:color .2s,background-color .2s;position:relative}.method-evidence-tabs button:hover{color:#1c4546;background:#f8fffd33}.method-evidence-tabs button[aria-selected=true]{color:#f7fffc;font-weight:600}.method-evidence-tabs button:focus-visible{outline-offset:-3px;outline:2px solid #43847e}.method-evidence-tabs button[aria-selected=true]:focus-visible{outline-offset:-4px;outline-color:#e1fff5}.method-evidence-tab-active{z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#39766b,#285f57);border:1px solid #1f564d80;position:absolute;inset:0;box-shadow:0 3px 8px #234d4429,inset 0 1px #e4fff44d}.method-evidence-tab-name{position:relative}.method-evidence-copy{min-width:0;padding-block:14px}.method-evidence-title>span,.method-evidence-title>em{display:block}.method-evidence-title em{color:#e1fcf8}.method-evidence-description{color:#f5f9fbe6;text-wrap:pretty;min-height:3lh}.method-evidence-source{--feature-link-border:#bff5eda6;--feature-link-hover:#b7f5ed}@container (width<=430px){.method-evidence-capsule.demo-surface{border-radius:27px!important}.method-evidence-tabs{grid-template-columns:1fr 1.6fr}}@media (max-width:1240px){.method-evidence-main{gap:32px}}@media (max-width:900px){.method-evidence{min-height:0;padding:36px}.method-evidence-field:after{background:#0a182b9e}.method-evidence-main{grid-template-columns:1fr;gap:36px;min-height:0}.method-evidence-comparison{max-width:510px}.method-evidence-copy{padding-block:0 6px}.method-evidence-description{max-width:530px;font-size:17px}}@media (max-width:600px){.method-evidence{padding:24px 18px}.method-evidence-main{gap:32px}.method-evidence-board{border-radius:18px;padding:24px 17px 17px}.method-evidence-result{grid-template-columns:1fr;gap:24px;min-height:0}.method-evidence-statement{text-align:center}.method-evidence-value{justify-content:center;font-size:64px}.method-evidence-statement-copy{margin-top:12px;font-size:15px}.method-evidence-visual{max-width:180px;margin-inline:auto}.method-evidence-compare{margin-top:8px}.method-evidence-capsule.demo-surface{margin-top:16px;border-radius:27px!important}.method-evidence-tabs{grid-template-columns:1fr 1.6fr;width:100%;display:grid}.method-evidence-tabs button{padding-inline:8px;font-size:12px}.method-evidence-copy{padding-inline:3px}.method-evidence-description{min-height:4lh;margin-top:22px;font-size:15px}}@media (prefers-reduced-motion:reduce){.method-evidence-tabs button,.method-evidence-compare-toggle,.method-evidence-compare-toggle svg,.method-evidence-compare-panel,.method-evidence-matrix{transition:none}}.method-section{z-index:1;isolation:isolate;background:var(--black);color:var(--white);padding:clamp(78px,8.5vh,106px) clamp(42px,6vw,110px) clamp(50px,6vh,72px);scroll-margin-top:90px;position:relative}.method-section>*{width:min(1540px,100%);margin-inline:auto}.method-heading{margin-bottom:clamp(38px,4.8vh,56px)}.method-heading h2>span,.method-heading h2>em{display:block}.method-heading h2 em{color:#d8f4f4}.method-atmosphere{background:radial-gradient(at 8% 0,#8de4ed 0%,#0000 60%),linear-gradient(125deg,#8de4ed,#47598e 50%,#201a38);position:absolute;inset:0;overflow:hidden}.method-caption-highlight{background-image:linear-gradient(#0000 0 91%,#8de4edd9 91%,#9db0dea6 100%)}.method-ledger .why-csi-demo-caption p{text-wrap:balance;max-width:20em}.method-section .method-evidence{margin-top:clamp(58px,7.2vh,86px)}@media (max-width:1240px){.method-heading{grid-template-columns:1fr;gap:28px}.method-heading .why-csi-intro{max-width:640px;margin:0}}@media (max-width:900px){.method-ledger{gap:40px}.method-ledger-field{height:100%;-webkit-mask-image:var(--method-ledger-mask);mask-image:var(--method-ledger-mask);-webkit-mask-image:var(--method-ledger-mask);display:block}.method-ledger .method-visual-card{background:0 0}.method-ledger .why-csi-demo-caption{margin-bottom:0}}@media (max-width:600px){.method-section{padding:100px 20px 76px}.method-heading{gap:28px;margin-bottom:44px}.method-heading h2{font-size:clamp(36px,9.6vw,48px);line-height:1.03}}