:root{color-scheme:light;--ink:#171923;--muted:#626778;--brand:#5546df;--line:#e7e8f1;--tint:#f5f4ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--brand)}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:5px}img{object-fit:contain;max-width:100%}[hidden]{display:none!important}.directory-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.directory-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.directory-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:800;line-height:1.3}.directory-brand small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:4px}.header-inner nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.header-inner nav a{text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;background:var(--brand);padding:13px 23px;color:white;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5}.button:hover{background:#4435c5;color:#fff}.button-small{padding:11px 18px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--muted);padding-top:26px}.breadcrumb a{text-decoration:none}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.11em}.directory-hero{padding:55px 0 58px;max-width:860px}.directory-hero h1,.guide-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.16;letter-spacing:-.04em;margin:17px 0 22px;font-weight:800}.directory-hero h1 span{color:var(--muted);font-weight:600}.directory-hero p,.guide-hero p{color:var(--muted);font-size:18px;max-width:690px}.directory-hero .small,.guide-hero .small{font-size:13px;margin-top:22px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{font-size:14px;font-weight:700;color:var(--brand);text-decoration:none}.text-link span{display:inline-block;margin-left:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:18px 0 26px}h2{font-size:28px;line-height:1.3;letter-spacing:-.025em;margin:10px 0 0}h3{line-height:1.4}p{margin:14px 0}.directory-search{display:grid;gap:5px;width:350px;max-width:100%}.directory-search label{font-size:12px;font-weight:700}.directory-search input{font:inherit;font-size:14px;border:1px solid #c8c9d8;background:#fff;border-radius:10px;padding:12px 14px;min-height:46px;width:100%;color:var(--ink)}.small,.muted{font-size:13px;color:var(--muted)}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.directory-card{border:1px solid var(--line);border-radius:18px;padding:25px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s;background:#fff}.directory-card:hover{border-color:#b8b1f0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:12px}.card-heading img{background:var(--tint);border-radius:16px;padding:8px}.card-heading span{font-size:12px;color:var(--muted)}.directory-card h2{font-size:20px;letter-spacing:-.02em}.directory-card h2 a{text-decoration:none}.directory-card p{font-size:14px;color:var(--muted)}.directory-card details{font-size:13px;width:100%;margin:4px 0 20px}.directory-card summary{cursor:pointer;color:var(--ink);font-weight:600}.directory-card ul{padding-left:20px}.directory-card li{margin:8px 0}.directory-card>.text-link{margin-top:auto}.empty-state{padding:40px;background:var(--tint);border-radius:14px}.how-it-works{padding:65px 0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:32px}.steps article>span{font-weight:800;color:var(--brand);font-size:13px}.steps h3{font-size:18px;margin-bottom:10px}.steps p{font-size:14px;color:var(--muted)}.directory-footer{background:#f7f8fc;border-top:1px solid var(--line);padding:35px 0 24px;font-size:14px}.directory-footer nav{display:flex;flex-wrap:wrap;gap:14px 28px;font-size:13px}.directory-footer p{max-width:680px;color:var(--muted)}.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:center;padding:45px 0}.guide-hero h1{font-size:clamp(32px,4vw,50px)}.guide-hero .button{margin-top:14px}.guide-art{border-radius:36px;background:var(--tint);padding:25px}.guide-preparation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;background:var(--tint);border:1px solid #e8e5fb;border-radius:20px;padding:32px;margin:15px 0 54px}.guide-preparation h2{font-size:26px}.guide-preparation ol{margin:0;padding-left:22px;font-size:15px}.guide-preparation li{padding-left:7px;margin:0 0 12px}.guide-preparation li:last-child{margin-bottom:0}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-detail{display:flex;align-items:start;gap:19px;padding:23px;border:1px solid var(--line);border-radius:16px;scroll-margin-top:25px}.service-detail:target{border-color:var(--brand);background:#fcfbff}.service-detail img{width:66px;flex-shrink:0;border-radius:14px;background:var(--tint);padding:7px}.service-detail h3{font-size:17px;margin:0 0 10px}.service-detail p{font-size:14px;color:var(--muted);margin:0}.guide-faq{margin:58px 0;max-width:860px}.guide-faq h2{margin-bottom:20px}.guide-faq details{border-bottom:1px solid var(--line);padding:19px 0;font-size:15px}.guide-faq summary{cursor:pointer;font-weight:700}.guide-faq p{color:var(--muted)}.more-guides{padding:0 0 50px}.more-guides nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.more-guides a{border:1px solid var(--line);border-radius:10px;padding:10px 14px;text-decoration:none;font-size:13px;font-weight:600}.skip-link{position:absolute;left:18px;top:-100px;background:white;padding:10px;z-index:5}.skip-link:focus{top:10px}
@media(max-width:900px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hero{grid-template-columns:minmax(0,1fr) 180px;gap:28px}.guide-preparation{gap:25px}.service-detail{gap:13px;padding:18px}.service-detail img{width:50px}.section-heading{align-items:start}}
@media(max-width:620px){.directory-wrap{width:calc(100% - 32px)}.header-inner{min-height:76px;gap:10px}.directory-brand{font-size:17px;gap:8px}.directory-brand img{width:35px;height:35px}.directory-brand small{font-size:10px}.header-inner nav{gap:15px;font-size:12px;flex-wrap:wrap;justify-content:end}.header-inner nav>a:nth-child(2){display:none}.button-small{padding:10px 12px;font-size:12px}.breadcrumb{font-size:11px;padding-top:22px}.directory-hero{padding:35px 0 38px}.directory-hero h1{font-size:36px}.directory-hero p,.guide-hero p{font-size:16px}.hero-actions{gap:18px}.directory-grid,.service-list,.steps,.guide-preparation{grid-template-columns:1fr}.section-heading{flex-direction:column;gap:20px}.directory-search{width:100%}.directory-card{padding:22px}.directory-card h2{font-size:22px}.guide-hero{grid-template-columns:1fr;padding:28px 0 18px}.guide-art{display:none}.guide-preparation{padding:23px;gap:22px;margin-bottom:35px}.guide-preparation h2{font-size:24px}.service-detail img{width:52px}.how-it-works{padding:45px 0}.steps{gap:18px;margin-top:20px}.steps h3{margin-top:8px}.guide-faq{margin:40px 0}.directory-footer{padding-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.directory-card{transition:none}}

.directory-connect{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:48px;padding:12px 0 40px;scroll-margin-top:30px}
.connect-brand>img{display:block;border-radius:15px;margin-bottom:18px}
.connect-brand h2{font-size:25px;max-width:310px;margin:0;line-height:1.3}
.directory-connect h3{font-size:16px;margin:3px 0 10px}
.directory-connect p{font-size:13px;margin:12px 0 20px}
.directory-store-badges{display:flex;flex-wrap:wrap;align-items:start;gap:22px 20px}
.directory-store{display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;max-width:100%}
.directory-store-image{display:block;max-width:none;object-fit:contain}
.directory-store-image.store-apple{width:132px;height:44px}
.directory-store-image.store-google{width:158px;height:61px;margin:-8.5px -13px}
.channel-status{font-size:11px;font-weight:600;color:var(--muted);line-height:1.5}
.directory-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.directory-social{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.social-channel-name{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;white-space:nowrap}
.social-channel-name img{flex-shrink:0;object-fit:contain}
.directory-social .channel-status{padding-left:31px}
.directory-footer-bottom{border-top:1px solid var(--line);padding-top:24px}
.directory-footer-bottom .small{font-size:12px;margin-top:20px}
@media(max-width:1050px){.directory-connect{grid-template-columns:1fr 1fr;gap:32px}.connect-brand{grid-column:1 / -1}.connect-brand h2{max-width:none}.connect-brand>img{float:left;margin:0 20px 10px 0}.connect-brand p{margin:8px 0}.connect-brand .text-link{display:inline-block;margin-top:4px}.directory-socials{max-width:310px}}
@media(max-width:620px){.directory-connect{grid-template-columns:1fr;gap:32px;padding-bottom:30px}.connect-brand>img{float:none;margin:0 0 17px}.connect-brand h2{font-size:26px;max-width:300px}.connect-brand p{margin:13px 0}.directory-connect h3{font-size:17px}.directory-store-badges{gap:25px}.directory-socials{gap:20px 25px}}