.cp-hero{position:relative;display:flex;flex-direction:column;align-items:center;border-block-end:0;padding-block-end:12px;text-align:center}.cp-hero .sk-lede{margin-inline:auto;text-align:center}.cp-hero>.kit-gutter{--kit-room:700px}.cp-stats{inline-size:min(100%,720px)}.cp-stats .sk-stat{flex-direction:column-reverse;align-items:center;text-align:center}.cp-stats .sk-stat-label,.cp-stats .sk-stat-value{margin:0}.cp-stats .sk-stat-value{font-size:clamp(26px,3vw,34px)}.cp-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:26px}.cp-cta .sk-btn{min-block-size:48px;padding-inline:26px}.cp-marquee{--cp-shift:-1;inline-size:100%;margin-block-start:34px;display:grid;gap:14px;overflow:hidden;block-size:118px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.cp-root[dir=rtl] .cp-marquee{--cp-shift:1}.cp-marquee-row{display:flex;overflow:hidden}.cp-marquee-track{flex:none;min-inline-size:100%;display:flex;align-items:center;justify-content:space-around;gap:14px;padding-inline-end:14px;animation:cp-drift 52s linear infinite}.cp-marquee-row[data-reverse="1"] .cp-marquee-track{animation-direction:reverse;animation-duration:64s}@keyframes cp-drift{to{transform:translateX(calc(var(--cp-shift) * 100%))}}.cp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}.cp-steps li{position:relative;display:grid;gap:8px;align-content:start;padding:22px 22px 24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-xs)}.cp-steps li+li:before{content:"";position:absolute;inset-block-start:42px;inset-inline-end:100%;inline-size:16px;block-size:1px;background:var(--border-strong)}.cp-step-no{display:inline-grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;background:var(--navy-900);color:#ffffff;font-size:14px}.cp-steps h3{margin:6px 0 0;font-family:var(--font-ar-naskh);font-size:18px;font-weight:700;line-height:1.4;color:var(--fg);text-wrap:balance}.cp-steps p{margin:0;font-family:var(--font-ar-prose);font-size:14.5px;line-height:1.85;color:var(--fg-muted);text-wrap:pretty}.cp-directory{display:grid;gap:16px;padding-block:56px 8px;scroll-margin-block-start:96px}.cp-tools{position:sticky;inset-block-start:var(--cp-top,0);z-index:12;display:grid;gap:12px;padding-block:12px 10px;margin-inline:-4px;padding-inline:4px;background:color-mix(in srgb,var(--paper-100) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid transparent}.cp-search input{box-sizing:border-box;inline-size:100%;min-block-size:52px;padding-inline:20px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--fg);font-family:var(--font-ar);font-size:16px}.cp-search input::placeholder{color:var(--fg-subtle)}.cp-search input:focus-visible{outline:2px solid var(--cyan-500);outline-offset:2px}.cp-chips{position:relative;display:flex;gap:6px;overflow-x:auto;padding-block:4px;scrollbar-width:none;scroll-snap-type:x proximity}.cp-chips::-webkit-scrollbar{display:none}.cp-pill{position:absolute;inset-inline-start:0;inset-block:4px;border-radius:var(--radius-pill);background:var(--navy-900);pointer-events:none;opacity:0;transition:transform .32s var(--ease-out),inline-size .32s var(--ease-out),opacity .12s linear}.cp-pill[data-ready="1"]{opacity:1}.cp-chips button{position:relative;z-index:1;flex:none;scroll-snap-align:center;display:inline-flex;align-items:center;gap:7px;min-block-size:44px;padding-inline:16px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);font-family:var(--font-ar);font-size:14px;cursor:pointer;transition:color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.cp-chips button:hover{background:rgba(14,19,39,.05)}.cp-chips button[aria-pressed=true]{color:#ffffff;background:transparent}.cp-chips button[aria-pressed=true]:hover{background:transparent}.cp-pill[data-ready="0"]~button[aria-pressed=true],.cp-pill[data-ready="0"]~button[aria-pressed=true]:hover{background:var(--navy-900)}.cp-chip-n{font-size:12.5px;opacity:.7}.cp-methods{display:flex;align-items:center;gap:12px;min-inline-size:0}.cp-methods-label{flex:none;font-size:13px;color:var(--fg-muted)}.cp-chips--small{flex:1 1 auto;min-inline-size:0}.cp-chips--small button{min-block-size:44px;padding-inline:12px;font-size:13px}.cp-sub{margin:0;max-inline-size:80ch;font-family:var(--font-ar-prose);font-size:14.5px;line-height:1.9;text-wrap:pretty}.cp-count,.cp-sub{color:var(--fg-muted)}.cp-count{margin:0 0 8px;font-size:13px}.cp-legend{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0;max-inline-size:80ch;font-family:var(--font-ar-prose);font-size:13.5px;line-height:1.8;color:var(--fg-muted);text-wrap:pretty}.cp-legend-chip{flex:none;padding:1px 10px;border:1px solid var(--success);border-radius:var(--radius-pill);background:var(--cat-teal-100);color:var(--success);font-size:12px}.cp-legend a{color:var(--accent-ink);font-weight:600;text-decoration:none}.cp-legend a:hover{color:var(--fg)}.cp-root :is(.sk-stat-value,.cp-chip-n,.cp-block-n,.cp-step-no){font-family:var(--font-ar);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}.cp-block{display:grid;gap:10px;padding-block-start:30px}.cp-block-title{margin:0;display:flex;align-items:center;gap:12px;font-family:var(--font-ar-naskh);font-size:var(--fs-title-section);font-weight:700;line-height:1.3;color:var(--fg);text-wrap:balance}.cp-block-n{font-size:13px;font-weight:400;color:var(--fg-subtle);padding-block-start:4px}.cp-block-sub{margin:0;max-inline-size:70ch;font-family:var(--font-ar-prose);font-size:14.5px;line-height:1.8;color:var(--fg-muted);text-wrap:pretty}.cp-group-tile{flex:none;display:inline-grid;place-items:center;inline-size:34px;block-size:34px;border-radius:10px}.cp-list{list-style:none;margin:0;padding:0;display:grid}.cp-rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.cp-item{min-inline-size:0}.cp-rows .cp-item{border-block-end:1px solid var(--border)}.cp-row{display:flex;align-items:center;gap:14px;min-block-size:76px;padding-block:12px;color:inherit;border-radius:var(--radius-md)}.cp-root a.cp-row{color:var(--fg)}.cp-root a.cp-row:hover{background:rgba(14,19,39,.035);color:var(--fg)}.cp-logo{flex:none;display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:12px;border:1px solid var(--border);background:#ffffff;color:var(--fg-muted)}.cp-logo img{display:block;inline-size:28px;block-size:28px;object-fit:contain}.cp-logo[data-logo-state=initials]{background:var(--bg-muted);border-color:var(--border-strong)}.cp-initials{font-family:var(--font-lat-ui),system-ui;font-weight:600;letter-spacing:.02em;line-height:1;color:var(--fg-muted)}.cp-row-body{flex:1;min-inline-size:0;display:grid;gap:1px}.cp-row-name{min-inline-size:0;font-family:var(--font-lat-ui),system-ui;font-size:16px;font-weight:600;line-height:1.35;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-row-desc{font-family:var(--font-ar-prose);font-size:13.5px;line-height:1.6;color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cp-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px;font-size:12px;color:var(--fg-subtle)}.cp-row-meta [data-tone=ok]{color:var(--success)}.cp-row-meta [data-method-tone=none],.cp-row-meta [data-method-tone=oauth]{color:var(--accent-ink)}.cp-dot{opacity:.6}.cp-add{flex:none;display:inline-grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;color:var(--fg-muted);border:1px solid var(--border-strong);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.cp-row:hover .cp-add{background:var(--navy-900);border-color:var(--navy-900);color:#ffffff}.cp-add[data-add=connected],.cp-row:hover .cp-add[data-add=connected]{color:var(--success);border-color:var(--success);background:var(--cat-teal-100)}.cp-cards,.cp-feature{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.cp-cards .cp-item,.cp-feature .cp-item{display:flex}.cp-cards .cp-row,.cp-feature .cp-row{flex:1;align-items:flex-start;padding:18px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-xs);min-block-size:0}.cp-root a.cp-row:hover{box-shadow:var(--shadow-sm,var(--shadow-xs))}.cp-cards .cp-row:hover,.cp-feature .cp-row:hover{background:var(--bg-card);border-color:var(--border-strong)}.cp-feature .cp-row{padding:22px}.cp-feature .cp-logo{inline-size:56px;block-size:56px;border-radius:16px}.cp-feature .cp-logo img{inline-size:36px;block-size:36px}.cp-cards .cp-row-desc,.cp-feature .cp-row-desc{-webkit-line-clamp:2}.cp-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.cp-logos .cp-item{display:flex}.cp-logos .cp-row{flex:1;flex-direction:column;justify-content:center;text-align:center;gap:10px;padding:18px 12px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card)}.cp-logos .cp-row:hover{background:var(--bg-card);border-color:var(--border-strong)}.cp-logos .cp-row-body{flex:none;justify-items:center}.cp-logos .cp-row-meta{justify-content:center}.cp-logos .cp-add{display:none}.cp-soon{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.cp-soon li{display:grid;gap:2px;align-content:start;padding:14px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-xl)}.cp-soon-tag{justify-self:start;margin-block-start:6px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--cat-amber-100);color:var(--cat-amber-700);font-size:12px}.cp-showall{display:inline-flex;align-items:center;gap:10px;justify-self:start;min-block-size:44px;padding-inline:4px;margin-inline-end:16px;border:0;background:transparent;color:var(--accent-ink);font-family:var(--font-ar);font-size:14px;font-weight:600;cursor:pointer}.cp-showall:hover{color:var(--fg)}.cp-stack{display:inline-flex}.cp-stack .cp-logo{overflow:hidden;inline-size:28px;block-size:28px;border-radius:50%;border:2px solid var(--paper-100);margin-inline-start:-9px}.cp-stack .cp-logo:first-child{margin-inline-start:0}.cp-stack .cp-logo[data-logo-state=initials]{background:#ffffff;border-color:var(--border-strong);box-shadow:0 0 0 2px var(--paper-100)}.cp-stack .cp-initials{letter-spacing:0}.cp-stack .cp-logo img{inline-size:16px;block-size:16px}.cp-block{grid-auto-flow:row}.cp-more{align-self:center;margin-block-start:12px;min-block-size:48px;padding-inline:28px}.cp-empty,.cp-unavailable{display:grid;gap:14px;justify-items:start;margin:0;padding:28px 24px;border:1px dotted var(--border-strong);border-radius:16px;color:var(--fg-muted);font-family:var(--font-ar-prose);line-height:1.9}.cp-empty p{margin:0}.cp-privacy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cp-privacy li{display:grid;gap:8px;align-content:start;padding:20px;border-block-start:2px solid var(--navy-900);background:var(--bg-card);border-inline:1px solid var(--border);border-block-end:1px solid var(--border);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.cp-privacy-icon{display:inline-grid;place-items:center;inline-size:34px;block-size:34px;border-radius:10px;background:var(--cat-teal-100);color:var(--cat-teal-700)}.cp-privacy h3{margin:4px 0 0;font-family:var(--font-ar-naskh);font-size:16.5px;font-weight:700;line-height:1.45;color:var(--fg);text-wrap:balance}.cp-privacy p{margin:0;font-family:var(--font-ar-prose);font-size:14px;line-height:1.85;color:var(--fg-muted);text-wrap:pretty}.cp-faq{display:grid;max-inline-size:860px;border-block-start:1px solid var(--border-strong)}.cp-faq details{border-block-end:1px solid var(--border-strong)}.cp-faq summary{min-block-size:56px;display:flex;align-items:center;padding-block:12px;cursor:pointer;font-family:var(--font-ar-naskh);font-size:18px;font-weight:700;color:var(--fg);list-style:none}.cp-faq summary::-webkit-details-marker{display:none}.cp-faq summary:after{content:"+";margin-inline-start:auto;padding-inline-start:16px;font-family:var(--font-mono);font-size:20px;color:var(--accent-ink)}.cp-faq details[open] summary:after{content:"\2212"}.cp-faq p{margin:0 0 18px;max-inline-size:70ch;font-family:var(--font-ar-prose);font-size:15px;line-height:1.9;color:var(--fg-muted);text-wrap:pretty}.cp-faq summary:focus-visible{outline:2px solid var(--cyan-500);outline-offset:2px;border-radius:6px}.cp-closing{padding-block-end:72px}.cp-closing-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;padding:32px 36px;border-radius:var(--radius-xl);background:var(--navy-950);color:#ffffff}.cp-closing-title{margin:0;font-family:var(--font-ar-naskh);font-size:var(--fs-title-section);font-weight:700;color:#ffffff}.cp-closing-body{margin:8px 0 0;max-inline-size:60ch;font-family:var(--font-ar-prose);font-size:15px;line-height:1.85;color:rgba(255,255,255,.78);text-wrap:pretty}.cp-closing-card .sk-btn{min-block-size:48px;padding-inline:28px}.cp-root:lang(en) :is(.cp-block-title,.cp-faq summary,.cp-closing-title,.cp-steps h3,.cp-privacy h3){font-family:var(--font-lat);font-weight:600}.cp-root:lang(en) :is(.cp-search input,.cp-chips button,.cp-row-meta,.cp-count,.cp-showall,.cp-methods-label,.cp-soon-tag){font-family:var(--font-lat-ui),system-ui}.cp-root:lang(en) :is(.cp-row-desc,.cp-sub,.cp-faq p,.cp-closing-body,.cp-empty,.cp-unavailable,.cp-steps p,.cp-privacy p,.cp-block-sub){font-family:var(--font-lat-ui),system-ui}@media (max-width:1040px){.cp-cards,.cp-feature{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-privacy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.cp-rows,.cp-steps{grid-template-columns:minmax(0,1fr)}.cp-steps li+li:before{display:none}}@media (max-width:560px){.cp-cards,.cp-feature,.cp-privacy{grid-template-columns:minmax(0,1fr)}.cp-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-closing-card{padding:24px 20px}.cp-closing-card .sk-btn{inline-size:100%}.cp-row{gap:12px}.cp-block-title{font-size:20px}.cp-tools{gap:8px;padding-block:8px 6px}.cp-search input{min-block-size:46px}.cp-tools .cp-chips button{min-block-size:44px}.cp-methods{flex-direction:column;align-items:stretch;gap:4px}.cp-marquee{block-size:106px}.cp-cta .sk-btn{flex:1 1 180px}}@media (prefers-reduced-motion:reduce){.cp-add,.cp-chips button,.cp-pill{transition:none}.cp-marquee{block-size:auto;-webkit-mask-image:none;mask-image:none}.cp-marquee-row,.cp-marquee-track{justify-content:center}.cp-marquee-track{animation:none;flex-wrap:wrap;min-inline-size:0;padding-inline-end:0}.cp-marquee-track+.cp-marquee-track{display:none}}