:root{--cn-tile-r: 20px;--cn-pad-x: clamp(20px,3.2vw,36px);--cn-pad-y: clamp(20px,3vw,32px);--cn-tile-shadow: 0 1px 2px rgba(var(--op-ink-rgb),.05),0 12px 32px rgba(var(--op-ink-rgb),.06);--cn-on-navy: #5EEAD4;--cn-navy-2: #16213A;--cn-navy-3: var(--op-divider-on-ink);--cn-navy-line: #2A3A55}.cn-page{display: grid;gap: var(--op-space-4);padding-bottom: clamp(56px,8vw,96px)}.cn-way{display: grid;gap: var(--op-space-4)}.cn-hero{padding: var(--op-space-10) 0 var(--op-space-3)}.cn-hero .op-hero__rule{margin-top: var(--op-space-5)}.cn-h1{margin: 0;max-width: 15ch;font-size: var(--op-fs-3xl);font-weight: var(--op-weight-bold);letter-spacing: var(--op-tracking-hero);line-height: 1.04;color: var(--op-ink);text-wrap: balance}.cn-h1 em{font-style: normal;background: var(--op-accent);-webkit-background-clip: text;background-clip: text;color: transparent}.cn-tile{min-width: 0;padding: var(--cn-pad-y) var(--cn-pad-x);border-radius: var(--cn-tile-r);background: var(--op-surface);box-shadow: var(--cn-tile-shadow);scroll-margin-top: calc(var(--op-nav-h,64px) + var(--op-space-6))}.cn-h2{margin: 0 0 var(--op-space-2);font-size: var(--op-fs-2xl);font-weight: var(--op-weight-bold);letter-spacing: var(--op-tracking-h2);line-height: var(--op-leading-tight);color: var(--op-ink)}.cn-h3{margin: 0 0 var(--op-space-2);font-size: var(--op-fs-xl);font-weight: var(--op-weight-semibold);letter-spacing: var(--op-tracking-tight);line-height: var(--op-leading-tight);color: var(--op-ink)}.cn-sub{margin: 0 0 var(--op-space-6);max-width: 60ch;font-size: var(--op-fs-lg);line-height: var(--op-leading-body);color: var(--op-text-2)}.cn-text{margin: 0;color: var(--op-text-2);font-size: var(--op-fs-md);line-height: var(--op-leading-body)}.cn-lede{margin: 0;max-width: 62ch;font-size: var(--op-size-lead);line-height: var(--op-leading-body);color: var(--op-text-2);text-wrap: pretty}.cn-strip{background: var(--op-surface);border-bottom: 1px solid var(--op-hairline)}.cn-strip__in{display: flex;flex-wrap: wrap;align-items: center;gap: var(--op-space-2) var(--op-space-4);padding-block: var(--op-space-3)}.cn-strip__label{font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);color: var(--op-ink)}.cn-strip__list{display: flex;flex-wrap: wrap;gap: var(--op-space-2);margin: 0;padding: 0;list-style: none}.cn-pill{display: inline-flex;align-items: center;min-height: 34px;padding: 0 var(--op-space-4);border-radius: var(--op-r-pill);background: var(--op-band);color: var(--op-ink);font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);text-decoration: none;transition: background-color var(--op-dur-fast) ease,color var(--op-dur-fast) ease}.cn-pill:hover{background: var(--op-teal-wash);color: var(--op-teal);text-decoration: none}.cn-hero-tile{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);gap: var(--op-space-10);align-items: center;padding: var(--op-space-10);background: linear-gradient(135deg,var(--op-surface) 0%,var(--op-surface) 46%,var(--op-teal-wash) 46.1%,var(--op-teal-wash-2) 100%)}.cn-ctas{display: flex;flex-wrap: wrap;gap: var(--op-space-3);margin-top: var(--op-space-8)}.cn-ghost{display: inline-flex;align-items: center;min-height: 46px;padding: 0 var(--op-space-6);border-radius: var(--op-r-pill);box-shadow: inset 0 0 0 1.5px var(--op-teal-active);color: var(--op-teal);font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);text-decoration: none}.cn-ghost:hover{background: var(--op-teal-wash);text-decoration: none}.cn-win{margin: 0;min-width: 0;border-radius: var(--op-r-lg);background: var(--op-ground-ink);color: var(--op-on-ink-strong);box-shadow: 0 24px 48px rgba(var(--op-ink-rgb),.22);overflow: hidden;transform: rotate(-.6deg)}.cn-win__bar{display: flex;align-items: center;gap: 6px;padding: var(--op-space-3) var(--op-space-4);background: var(--cn-navy-2)}.cn-win__bar span{width: 10px;height: 10px;border-radius: 50%;background: var(--op-text-2)}.cn-win__bar b{margin-left: var(--op-space-2);font-size: var(--op-fs-base);font-weight: var(--op-weight-semibold);color: var(--op-on-ink)}.cn-win__body{display: grid;gap: var(--op-space-3);padding: var(--op-space-5) var(--op-space-5) var(--op-space-5)}.cn-win__q{justify-self: end;max-width: 82%;margin: 0;padding: 11px 15px;border-radius: 16px 16px 4px 16px;background: var(--op-teal-deep);color: var(--op-ink-on-ground);font-size: var(--op-fs-md);font-weight: var(--op-weight-medium);line-height: 1.45}.cn-win__used{display: flex;align-items: center;gap: var(--op-space-2);margin: 0;font-size: var(--op-fs-base);font-weight: var(--op-weight-semibold);color: var(--cn-on-navy)}.cn-win__used svg,.cn-win__src svg{width: 15px;height: 15px;flex: none;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.cn-win__a{padding: var(--op-space-4) 18px;border-radius: 4px 16px 16px 16px;background: var(--cn-navy-3);font-size: var(--op-fs-md);line-height: var(--op-leading-body)}.cn-win__a p{margin: 0 0 var(--op-space-3)}.cn-win__a b{color: var(--op-ink-on-ground)}.cn-bars{display: grid;gap: 7px;margin: 0 0 var(--op-space-3);padding: 0;list-style: none}.cn-bars li{display: grid;grid-template-columns: 112px minmax(0,1fr) 26px;align-items: center;gap: 10px;font-size: var(--op-fs-base)}.cn-bars__name{color: var(--op-on-ink-strong)}.cn-bars__bar{display: block;width: var(--w);height: 10px;border-radius: 5px;background: var(--op-accent)}.cn-bars b{text-align: right;font-variant-numeric: tabular-nums}.cn-win__src{display: flex;align-items: center;gap: var(--op-space-2);margin: 0;padding-top: 10px;border-top: 1px solid var(--cn-navy-line);font-size: var(--op-fs-sm);color: var(--op-on-ink)}.cn-win figcaption{padding: 0 var(--op-space-5) var(--op-space-4);font-size: var(--op-fs-sm);color: var(--op-on-ink)}.cn-why__cols{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin-top: var(--op-space-5)}.cn-why__col{display: flex;flex-direction: column;min-width: 0;padding: var(--op-space-1) 28px var(--op-space-1) 0}.cn-why__col + .cn-why__col{padding-left: 28px;border-left: 1px solid var(--op-hairline)}.cn-why__col p{margin: 0 0 var(--op-space-3);font-size: var(--op-fs-md);line-height: var(--op-leading-body);color: var(--op-text-2)}.cn-why__col .cn-typed{margin: auto 0 0}.cn-typed{display: flex;align-items: flex-end;gap: 10px;padding: var(--op-space-3) var(--op-space-3) var(--op-space-3) var(--op-space-4);border-radius: var(--op-r-lg);background: var(--op-wash-hover);box-shadow: inset 0 0 0 1px var(--op-border)}.cn-why__col .cn-typed__text{flex: 1;font-size: var(--op-fs-md);font-weight: var(--op-weight-medium);line-height: 1.45;color: var(--op-ink)}.cn-typed__text::after{content: "";display: inline-block;width: 2px;height: 1.05em;margin-left: 3px;vertical-align: -2px;background: var(--op-teal-active)}.cn-typed__key{display: grid;flex: none;place-items: center;width: 32px;height: 32px;border-radius: var(--op-r-md);background: var(--op-ground-ink);color: var(--op-ink-on-ground)}.cn-typed__key svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.cn-reads__cols{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));margin: 0;border-top: 1px solid var(--op-hairline)}.cn-reads__cols > div{min-width: 0;padding: 18px 18px var(--op-space-1) 0}.cn-reads__cols > div + div{padding-left: 18px;border-left: 1px solid var(--op-hairline)}.cn-reads__cols dt{margin: 0 0 6px;font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);color: var(--op-ink)}.cn-reads__cols dd{margin: 0;font-size: var(--op-fs-md);line-height: var(--op-leading-body);color: var(--op-text-2)}.cn-reads__tools{display: block;margin-top: var(--op-space-2);font-size: var(--op-fs-sm);overflow-wrap: anywhere}.cn-reads__tools span + span::before{content: ","}.cn-flow{position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin: var(--op-space-2) 0 var(--op-space-8);padding: 0;list-style: none}.cn-flow::before{content: "";position: absolute;left: 8%;right: 8%;top: 64px;height: 2px;background: repeating-linear-gradient(90deg,var(--op-teal-active) 0 8px,transparent 8px 14px)}.cn-flow > li{position: relative;display: grid;align-content: start;gap: 6px;min-width: 0;padding: 0 var(--op-space-5)}.cn-flow h3{margin: 18px 0 0;font-size: var(--op-fs-lg)}.cn-flow p{margin: 0;font-size: var(--op-fs-md);line-height: var(--op-leading-body);color: var(--op-text-2)}.cn-flow__where{font-size: var(--op-fs-base);font-weight: var(--op-weight-semibold);color: var(--op-teal)}.cn-flow__op .cn-flow__where{color: var(--op-ink)}.cn-mini{position: relative;display: grid;align-content: center;gap: 10px;height: 128px;padding: 18px;border-radius: 14px;background: var(--op-surface);box-shadow: 0 0 0 1px var(--op-border),0 10px 24px rgba(var(--op-ink-rgb),.07);overflow: hidden}.cn-flow__op .cn-mini{background: var(--op-ground-ink);box-shadow: 0 10px 24px rgba(var(--op-ink-rgb),.18)}.cn-mini__label{font-size: var(--op-fs-sm);font-weight: var(--op-weight-semibold);color: var(--op-text-2)}.cn-flow__op .cn-mini__label{color: var(--op-on-ink)}.cn-mini__field{padding: 9px 12px;border-radius: 9px;box-shadow: inset 0 0 0 1.5px var(--op-teal-active);font-size: var(--op-fs-base);font-weight: var(--op-weight-semibold);color: var(--op-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.cn-mini__chip{justify-self: end;padding: 4px 10px;border-radius: var(--op-r-pill);background: var(--op-band);font-size: var(--op-fs-sm);font-weight: var(--op-weight-semibold);color: var(--op-ink)}.cn-mini__code{display: flex;gap: 6px}.cn-mini__code span{display: grid;place-items: center;width: 30px;height: 38px;border-radius: var(--op-r-sm);background: var(--cn-navy-3);box-shadow: inset 0 0 0 1px var(--cn-navy-line);font-size: 18px;font-weight: var(--op-weight-bold);color: var(--op-ink-on-ground)}.cn-mini__code span:last-child{box-shadow: inset 0 0 0 2px var(--cn-on-navy)}.cn-mini--ask{background: var(--op-wash-hover)}.cn-mini__bubble{justify-self: end;max-width: 90%;padding: 10px 13px;border-radius: 14px 14px 4px 14px;background: var(--op-teal-deep);color: var(--op-ink-on-ground);font-size: var(--op-fs-base);font-weight: var(--op-weight-medium);line-height: 1.4}.cn-how__addr{margin: 0 0 var(--op-space-8);padding: var(--op-space-5) var(--op-space-6);border-radius: var(--op-r-lg);box-shadow: inset 0 0 0 1px var(--op-hairline)}.cn-how__addr .cn-h3{font-size: var(--op-fs-md)}.cn-how__pick{margin: 0 0 14px;padding-top: 28px;border-top: 1px solid var(--op-hairline);font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);color: var(--op-ink)}.cn-plan{margin: 22px 0 0;font-size: var(--op-fs-md);color: var(--op-text-2)}.cn-plan a{font-weight: var(--op-weight-semibold)}.cn-pickers{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,160px),1fr));gap: var(--op-space-3);margin: 0;padding: 0;list-style: none}.cn-picker{display: grid;align-content: start;gap: var(--op-space-1);height: 100%;box-sizing: border-box;padding: 18px;border-radius: 14px;box-shadow: inset 0 0 0 1px var(--op-border);color: var(--op-ink);text-decoration: none;transition: box-shadow var(--op-dur-fast) ease}.cn-picker:hover{text-decoration: none;box-shadow: inset 0 0 0 1.5px var(--op-teal-active)}.cn-picker__name{font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold)}.cn-picker__line{font-size: var(--op-fs-base);line-height: 1.45;color: var(--op-text-2)}.cn-tag{font-size: var(--op-fs-sm);font-weight: var(--op-weight-semibold);color: var(--op-text-2)}.cn-picker__go{margin-top: var(--op-space-2);font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);color: var(--op-teal)}.cn-others .cn-h3{margin-bottom: var(--op-space-4)}.cn-addr{display: flex;flex-wrap: wrap;align-items: center;gap: var(--op-space-3)}.cn-addr__url{min-width: 0;font-size: 17px;font-weight: var(--op-weight-semibold);letter-spacing: var(--op-tracking-tight);color: var(--op-ink);overflow-wrap: anywhere}.cn-addr__copy{padding: var(--op-space-2) var(--op-space-4);border: 0;border-radius: var(--op-r-pill);background: var(--op-band);color: var(--op-ink);font: var(--op-weight-semibold) var(--op-fs-md) var(--op-font-sans);cursor: pointer}.cn-addr__copy:hover{background: var(--op-teal-wash);color: var(--op-teal)}.cn-copied{color: var(--op-text-2);font-size: var(--op-fs-sm)}.cn-facts{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);margin: var(--op-space-6) calc(-1 * var(--cn-pad-x)) calc(-1 * var(--cn-pad-y));border-top: 1px solid var(--op-hairline)}.cn-facts__part{min-width: 0;padding: var(--op-space-6) 28px}.cn-facts__part + .cn-facts__part{border-left: 1px solid var(--op-hairline)}.cn-facts__title{margin: 0 0 10px;font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);color: var(--op-ink)}.cn-facts__note{margin: 10px 0 0;font-size: var(--op-fs-base);color: var(--op-text-2)}.cn-list{display: grid;gap: 6px;margin: 0;padding: 0;list-style: none;font-size: var(--op-fs-md);line-height: var(--op-leading-body);color: var(--op-text-2)}.cn-list a{font-weight: var(--op-weight-semibold)}.cn-place{padding-top: 0;overflow: hidden}.cn-place__label{display: flex;align-items: center;gap: 10px;margin: 0 calc(-1 * var(--cn-pad-x)) var(--op-space-6);padding: 14px var(--cn-pad-x);background: var(--op-wash-hover);border-bottom: 1px solid var(--op-hairline);font-size: var(--op-fs-base);font-weight: var(--op-weight-semibold);color: var(--op-text-2)}.cn-place__label::before{content: "";flex: none;width: 10px;height: 10px;border-radius: 50%;background: var(--op-teal-active)}.cn-place--op .cn-place__label{background: var(--op-ground-ink);border-bottom: 0;color: var(--op-ink-on-ground)}.cn-place--op .cn-place__label::before{background: var(--cn-on-navy)}.cn-steps{margin: 0;padding: 0;list-style: none}.cn-step{display: grid;grid-template-columns: 52px minmax(0,5fr) minmax(0,7fr);gap: 0 28px;align-items: start;padding: 28px 0;border-top: 1px solid var(--op-hairline)}.cn-step:first-child{border-top: 0}.cn-step:last-child{padding-bottom: var(--op-space-2)}.cn-step:not(:has(.cn-shot)) .cn-step__text{grid-column: 2 / -1}.cn-step__n{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;box-shadow: inset 0 0 0 2px var(--op-teal-active);color: var(--op-teal);font-size: var(--op-fs-lg);font-weight: var(--op-weight-bold)}.cn-step__text{min-width: 0}.cn-step__title{margin: var(--op-space-2) 0;font-size: var(--op-fs-xl);font-weight: var(--op-weight-semibold);letter-spacing: var(--op-tracking-tight);line-height: var(--op-leading-tight);color: var(--op-ink)}.cn-step__text p{max-width: 60ch;margin: 0 0 var(--op-space-3);font-size: var(--op-fs-md);line-height: 1.6;color: var(--op-text-2)}.cn-step__text p:last-child{margin-bottom: 0}.cn-step__text code,.cn-trouble code{padding: 0 var(--op-space-1);border-radius: var(--op-r-xs);background: var(--op-band);font-family: var(--op-font-mono);font-size: var(--op-fs-sm);color: var(--op-ink)}.cn-asks{margin: 0;padding-left: var(--op-space-5);list-style: disc;color: var(--op-text-2);font-size: var(--op-fs-md);line-height: var(--op-leading-body)}.cn-asks li + li{margin-top: var(--op-space-1)}.cn-code{margin: 0 0 var(--op-space-3);padding: var(--op-space-4);border: 1px solid var(--op-hairline);border-radius: var(--op-r-md);background: var(--op-wash-hover-alt);font-family: var(--op-font-mono);font-size: var(--op-fs-base);line-height: var(--op-leading-body);color: var(--op-ink);white-space: pre;overflow-x: auto}.cn-token{padding: var(--op-space-4) var(--op-space-5);border-radius: var(--op-r-lg);background: var(--op-teal-wash-2);box-shadow: inset 0 0 0 1px var(--op-teal-wash)}.cn-shot{margin: 0;min-width: 0}.cn-shot__open{display: block;border-radius: 12px;cursor: zoom-in}.cn-shot__open img{display: block;width: 100%;height: auto;border: 1px solid var(--op-border);border-radius: 12px}.cn-zoom{width: auto;max-width: min(1440px,calc(100vw - 32px));max-height: calc(100dvh - 64px)}.cn-zoom .op-dialog__head{padding-block: var(--op-space-3)}.cn-zoom .op-dialog__title{margin: 0;min-width: 0}.cn-zoom__body{min-height: 0;padding: var(--op-space-3);overscroll-behavior: contain}.cn-zoom__shot{display: block;max-width: none;width: auto;height: auto;border-radius: var(--op-r-sm)}.cn-shot figcaption{margin-top: var(--op-space-2);font-size: var(--op-fs-sm);color: var(--op-text-2)}.cn-or{margin: 0 0 var(--op-space-2);font-size: var(--op-fs-xl);font-weight: var(--op-weight-semibold);letter-spacing: var(--op-tracking-tight);color: var(--op-ink)}.cn-trouble{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--op-space-5) var(--op-space-10);margin: var(--op-space-5) 0 0}.cn-trouble dt{margin: 0 0 var(--op-space-1);font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);color: var(--op-ink)}.cn-trouble dd{margin: 0;font-size: var(--op-fs-md);line-height: 1.6;color: var(--op-text-2)}.cn-rail{display: none}@media (min-width: 1400px){.cn-rail{display: block}}@media (max-width: 1023px){.cn-hero-tile{grid-template-columns: minmax(0,1fr);padding: var(--cn-pad-y) var(--cn-pad-x);background: var(--op-surface)}.cn-reads__cols{grid-template-columns: repeat(2,minmax(0,1fr))}.cn-reads__cols > div,.cn-reads__cols > div + div{padding: 18px 18px var(--op-space-4) 0;border-left: 0;border-bottom: 1px solid var(--op-hairline)}.cn-reads__cols > div:last-child{border-bottom: 0}}@media (max-width: 767px){.cn-hero{padding-top: var(--op-space-8)}.cn-win{transform: none}.cn-bars li{grid-template-columns: 96px minmax(0,1fr) 24px}.cn-why__cols,.cn-flow,.cn-trouble,.cn-facts{grid-template-columns: minmax(0,1fr)}.cn-why__col,.cn-why__col + .cn-why__col{padding: var(--op-space-5) 0;border-left: 0}.cn-why__col + .cn-why__col{border-top: 1px solid var(--op-hairline)}.cn-reads__cols{grid-template-columns: minmax(0,1fr)}.cn-flow{gap: var(--op-space-8)}.cn-flow::before{display: none}.cn-flow > li{padding: 0}.cn-facts__part + .cn-facts__part{border-left: 0;border-top: 1px solid var(--op-hairline)}.cn-facts__part{padding: var(--op-space-5) var(--cn-pad-x)}.cn-step{grid-template-columns: 44px minmax(0,1fr);gap: var(--op-space-4) var(--op-space-4);padding: var(--op-space-6) 0}.cn-step .cn-shot{grid-column: 1 / -1}}