@import url('/icash-fonts.css');
body { margin: 0; }
footer.icash-footer .copyright { box-sizing:border-box; }
.wordcamp-reference { background:#fff; color:#182136; font-family:'Icash Site Fira Sans','Fira Sans',sans-serif; }
.wordcamp-reference *, .wordcamp-reference *::before, .wordcamp-reference *::after { box-sizing:border-box; }
.wordcamp-reference h2, .wordcamp-reference h3 { text-wrap:balance; }
.wordcamp-reference p { text-wrap:pretty; }
.wordcamp-reference .online-shell { max-width:1200px; }
.wordcamp-reference :is(.online-shell,.online-card,.partner-tab-panel,.partner-tab-features,.partner-income-heading,.partner-income-rows) { min-width:0; }
.wordcamp-reference :is(a,h1,h2,h3,h4) { overflow-wrap:break-word; }
.partner-hero-photo { display:none; }
.wordcamp-reference .online-section { padding:85px 0; }
.wordcamp-reference .online-hero { min-height:610px; background-image:linear-gradient(90deg,#edf3f9fa 0%,#edf3f9f2 29%,#edf3f999 49%,#edf3f90a 75%),url('/assets/distributor-hero-client-developer.webp'); }
.wordcamp-reference .online-hero .online-split { display:block; }
.wordcamp-reference .online-hero h1 { max-width:625px; font-size:clamp(48px,4.3vw,64px); }
.wordcamp-reference .online-hero .online-split > div:first-child { padding-bottom:58px; }
.wordcamp-reference .wordcamp-book { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-width:300px; min-height:65px; font-size:23px; }
.wordcamp-book svg { flex:0 0 23px; width:23px; height:23px; }
.wordcamp-tech { display:flex; flex-wrap:wrap; gap:7px 20px; margin-top:25px; color:#536176; font-size:13px; font-weight:500; }
.wordcamp-tech span::before { content:''; display:inline-block; width:5px; height:5px; margin:0 8px 2px 0; background:#6426f4; border-radius:50%; }
.partner-connection-band { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px 32px; min-height:100px; margin-bottom:-50px; border-radius:20px; background:#fff; box-shadow:0 16px 40px #17254714; }
.partner-connection-title { display:flex; align-items:center; flex-wrap:wrap; gap:14px; color:#384259; font-size:21px; font-weight:600; }
.partner-connection-title img { width:132px; height:auto; }
.partner-connection-benefits { display:flex; flex-wrap:wrap; gap:10px 22px; color:#6426f4; font-size:15px; font-weight:500; }
.partner-connection-benefits span { white-space:nowrap; }
.wordcamp-reference .wordcamp-benefit-tabs { padding-top:120px; background:#edf2f8 url('/assets/partner-benefits-background.png') center/cover; }
.wordcamp-reference .wordcamp-benefit-tabs h2 { font-size:clamp(32px,3.1vw,44px); }
.wordcamp-reference .wordcamp-benefit-tabs .online-intro { max-width:650px; color:#526176; font-size:18px; }
.partner-tabs { margin-top:36px; overflow:hidden; border-radius:22px; background:#fff; box-shadow:0 14px 40px #25304d0a; }
.partner-tab-list { display:flex; padding:0 28px; border-bottom:1px solid #e9eaf1; }
.partner-tab-list button { flex:1; appearance:none; border:0; border-bottom:3px solid transparent; padding:20px 10px; background:transparent; color:#617085; cursor:pointer; font:500 18px/1.4 'Icash Site Fira Sans','Fira Sans',sans-serif; }
.partner-tab-list button { min-width:0; min-height:48px; }
.partner-tab-list button[aria-selected=true] { color:#6426f4; border-bottom-color:#6426f4; }
.partner-tab-list button:hover { color:#6426f4; background:#fcfaff; }
.partner-tab-list button:focus-visible,.partner-tab-panel:focus-visible { outline:2px solid #6426f4; outline-offset:-5px; }
.partner-tab-panel { display:block; min-height:390px; padding:44px 40px; }
.partner-tab-panel > div:first-child { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:65px; align-items:start; }
.partner-tab-panel[hidden] { display:none!important; }
.wordcamp-reference .partner-tab-panel h3 { font-size:34px; line-height:1.2; margin:0; max-width:320px; }
.partner-tab-features { display:grid; gap:20px; }
.partner-tab-features > div { padding-left:18px; border-left:2px solid #d9c8ff; }
.partner-tab-features svg { display:none; }
.wordcamp-reference .partner-tab-features h4 { font-size:18px; line-height:1.35; margin:0 0 6px; font-weight:600; }
.wordcamp-reference .partner-tab-features p { font-size:16px; line-height:1.6; color:#526176; margin:0; }
.partner-explainer { grid-column:1; grid-row:1; width:100%; border-radius:18px; padding:30px 25px; background:#f6f3fc; }
.wordcamp-reference .partner-explainer p { margin:23px 0 0; color:#778397; font-size:12px; text-align:center; }
.partner-flow-step { display:flex; align-items:center; gap:17px; padding:16px; border-radius:12px; background:#fff; }
.partner-flow-step strong,.partner-flow-step span:not(.partner-flow-mark) { display:block; }
.partner-flow-step strong { font-size:16px; line-height:1.3; }
.partner-flow-step div > span { font-size:12px; color:#7c8798; margin-top:5px; }
.partner-flow-mark { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; color:#783ff0; background:#f2eaff; border-radius:10px; font-size:24px; font-weight:700; }
.partner-flow-mark svg { width:23px; height:23px; }
.partner-flow-step img { width:73px; height:auto; }
.partner-flow-line { display:block; width:1px; height:22px; margin-left:36px; background:#bba1eb; position:relative; }
.partner-flow-line::after { content:''; position:absolute; bottom:0; left:-3px; width:7px; height:7px; border-bottom:1px solid #bba1eb; border-right:1px solid #bba1eb; transform:rotate(45deg); }
.partner-document { background:#f1f5fa; text-align:center; }
.partner-paper { max-width:245px; margin:auto; padding:22px 25px; background:#fff; border-radius:8px; box-shadow:0 10px 25px #2635500d; }
.partner-paper-brand { display:block; text-align:left; color:#6426f4; font-size:13px; font-weight:700; }
.partner-paper svg { display:block; width:43px; height:43px; margin:20px auto 13px; color:#6426f4; }
.partner-paper strong { display:block; font-size:18px; line-height:1.3; }
.partner-paper-rule { display:block; height:5px; border-radius:3px; background:#edeaf3; margin-top:16px; }
.partner-paper-rule.short { width:65%; }
.partner-paper-caption { display:block; margin-top:22px; font-size:11px; color:#8790a0; }
.partner-oss { text-align:center; background:#f2f5fc; padding:38px 26px; }
.partner-oss-label { display:grid; place-items:center; width:85px; height:85px; margin:0 auto 22px; border-radius:50%; color:#6426f4; background:#e9e1fc; font-size:28px; font-weight:600; }
.partner-oss > strong { font-size:24px; }
.partner-oss > div { display:flex; gap:10px; justify-content:center; margin-top:16px; }
.partner-oss > div span { flex:1; padding:12px 6px; border-radius:8px; background:#fff; color:#68748b; font-size:14px; }
.partner-benefit-footnote { margin-top:20px; }
.wordcamp-reference .partner-benefit-footnote p { font-size:13px; color:#7b8798; margin:0 0 12px; }
.partner-benefit-footnote .online-link { font-size:15px; }
.partner-income { position:relative; overflow:hidden; background:#fff; }
.partner-income-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; padding-bottom:50px; }
.wordcamp-reference .partner-income-heading h2 { font-size:clamp(32px,3.1vw,44px); margin:12px 0 23px; text-align:left; }
.wordcamp-reference .partner-income-heading p { color:#637086; font-size:18px; max-width:345px; }
.partner-income-heading .online-link { font-size:16px; }
.partner-overview-row { display:grid; grid-template-columns:38px minmax(0,1fr); gap:16px; padding:16px 0 23px; }
.partner-overview-row > svg { width:26px; height:26px; margin-top:4px; color:#6426f4; }
.wordcamp-reference .partner-overview-row h3 { font-size:23px; line-height:1.3; margin:0 0 10px; }
.wordcamp-reference .partner-overview-row p { font-size:16px; line-height:1.65; margin:0; color:#637086; }
.partner-income-divider { height:1px; margin:0 0 10px 54px; background:#e8e8f0; }
.partner-income-divider:has(span) { height:auto; display:flex; align-items:center; gap:14px; background:none; color:#8c81a0; font-size:12px; }
.partner-income-divider:has(span)::before,.partner-income-divider:has(span)::after { content:''; height:1px; flex:1; background:#e8e8f0; }
.partner-brand-curve { position:absolute; bottom:0; left:0; width:100%; height:65px; pointer-events:none; }
.wordcamp-reference .wordcamp-integration { background:#f5f1fc; padding:75px 0 65px; }
.wordcamp-reference .wordcamp-integration h2 { font-size:clamp(30px,3vw,40px); }
.wordcamp-reference .online-card { display:flex; flex-direction:column; padding:30px 32px; background:#fff; box-shadow:none; }
.wordcamp-reference .online-card .online-link { margin-top:auto; padding-top:20px; }
.wordcamp-reference .online-card:hover { transform:none; }
.wordcamp-platform { display:block; font-size:13px; color:#7661a8; font-weight:600; }
.wordcamp-reference .wordcamp-integration .online-card h3 { margin-top:12px; }
.wordcamp-sync-disclosure { margin-top:28px; border-top:1px solid #e0dcea; border-bottom:1px solid #e0dcea; }
.wordcamp-sync-disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:70px; padding:18px 0; list-style:none; color:#394358; font-size:17px; font-weight:500; cursor:pointer; }
.wordcamp-sync-disclosure summary::-webkit-details-marker { display:none; }
.wordcamp-sync-disclosure summary::after { content:''; width:8px; height:8px; margin-right:5px; border-right:1.5px solid #7144ce; border-bottom:1.5px solid #7144ce; transform:rotate(45deg); flex-shrink:0; }
.wordcamp-sync-disclosure[open] summary::after { transform:rotate(225deg); }
.wordcamp-sync-modes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:0; padding:8px 0 28px; }
.wordcamp-sync-modes > div { padding-left:18px; border-left:2px solid #d9cef7; }
.wordcamp-sync-modes dt { font-size:18px; font-weight:600; line-height:1.35; margin-bottom:10px; }
.wordcamp-sync-modes dd { margin:0; font-size:16px; color:#526176; line-height:1.6; }
.wordcamp-support { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 28px; padding:0; margin:32px 0 0; list-style:none; }
.wordcamp-support li { display:flex; align-items:center; gap:9px; color:#617085; font-size:14px; }
.wordcamp-support li::before { content:''; width:5px; height:5px; background:#9474d7; border-radius:50%; }
.wordcamp-reference .wordcamp-closing { padding:75px 0 85px; background:#eaf1f9; }
.wordcamp-reference .wordcamp-closing .online-cta { margin:auto; padding:15px 30px; background:transparent; }
.wordcamp-reference .wordcamp-closing h2 { font-size:clamp(35px,3.5vw,48px); }
.wordcamp-reference .wordcamp-closing p { max-width:620px; color:#526176; }
.wordcamp-contact { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 25px; margin-top:27px; font-size:15px; }
.wordcamp-contact span { flex:0 0 100%; margin-bottom:4px; color:#7b8493; font-size:13px; }
.wordcamp-contact a { color:#526176; text-decoration:none; }
.wordcamp-contact a:hover { color:#6426f4; text-decoration:underline; }
.wordcamp-reference :is(h2,h3) { scroll-margin-top:160px; }
@media(max-width:1000px) {
 .partner-connection-band { flex-direction:column; align-items:flex-start; gap:18px; }
 .partner-tab-panel { padding:30px; }
 .partner-tab-panel > div:first-child { gap:30px; }
 .partner-explainer { padding:23px 16px; }
 .partner-flow-step { flex-direction:column; align-items:flex-start; gap:12px; }
 .partner-income-layout { gap:35px; }
 .wordcamp-sync-modes { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
 .wordcamp-reference .online-hero { min-height:0; padding:42px 0 0; background:#edf3f9; }
 .wordcamp-reference .online-hero::before { display:none; content:none; }
 .wordcamp-reference .online-hero > .online-ai-badge { display:none; }
 .wordcamp-reference .online-hero .online-split { padding-top:0; }
 .wordcamp-reference .online-hero .online-split > div:first-child { max-width:660px; padding-bottom:30px; }
 .partner-hero-photo { display:block; position:relative; margin:0 0 26px; overflow:hidden; border-radius:18px; }
 .partner-hero-photo img { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover; object-position:center; }
 .partner-hero-photo .online-ai-badge { top:auto; left:auto; right:10px; bottom:10px; max-width:calc(100% - 20px); white-space:normal; }
 .partner-connection-band { margin-bottom:-45px; }
}
@media(max-width:700px) {
 .wordcamp-reference .online-section { padding:55px 0; }
 .wordcamp-reference .online-hero { min-height:0; background:#edf3f9; }
 .wordcamp-reference .online-hero h1 { font-size:clamp(34px,9vw,42px); line-height:1.08; letter-spacing:-.035em; margin:0 0 20px; }
 .wordcamp-reference .online-hero p { font-size:17px; line-height:1.6; }
 .wordcamp-reference .online-hero .online-split > div:first-child { padding-bottom:32px; }
 .wordcamp-reference .wordcamp-book { width:100%; min-width:0; min-height:62px; font-size:23px; }
 .wordcamp-tech { font-size:12px; margin-top:22px; }
 .partner-hero-photo { margin-bottom:22px; border-radius:14px; }
 .partner-connection-band { min-height:0; margin-bottom:-45px; padding:21px; border-radius:16px; gap:15px; }
 .partner-connection-title { font-size:17px; gap:10px; }
 .partner-connection-title img { width:106px; }
 .partner-connection-benefits { gap:7px 15px; font-size:12px; }
 .partner-connection-benefits span { white-space:normal; }
 .wordcamp-reference .wordcamp-benefit-tabs { padding-top:95px; }
 .wordcamp-reference .wordcamp-benefit-tabs h2 { font-size:30px; }
 .wordcamp-reference .wordcamp-benefit-tabs .online-intro { font-size:17px; }
 .partner-tabs { border-radius:16px; margin-top:26px; }
 .partner-tab-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 8px; }
 .partner-tab-list button { padding:13px 4px; font-size:14px; min-height:65px; }
 .partner-tab-panel { min-height:0; padding:25px 22px; }
 .partner-tab-panel > div:first-child { grid-template-columns:1fr; gap:25px; }
 .partner-explainer { grid-column:1; grid-row:2; max-width:420px; margin:auto; }
 .wordcamp-reference .partner-tab-panel h3 { font-size:27px; }
 .partner-tab-features { gap:19px; }
 .partner-flow-step { flex-direction:row; align-items:center; }
 .partner-document { display:flex; align-items:center; gap:18px; padding:23px 18px; }
 .partner-paper { width:160px; flex:0 0 160px; padding:15px; }
 .partner-paper svg { margin:12px auto; width:30px; height:30px; }
 .partner-paper strong { font-size:15px; }
 .partner-paper-rule { margin-top:10px; }
 .partner-paper-caption { margin-top:15px; font-size:10px; }
 .wordcamp-reference .partner-document > p { margin:0; text-align:left; }
 .partner-income-layout { grid-template-columns:minmax(0,1fr); gap:18px; padding-bottom:30px; }
 .wordcamp-reference .partner-income-heading h2 { font-size:32px; }
 .wordcamp-reference .partner-income-heading p { font-size:17px; }
 .partner-overview-row { grid-template-columns:30px minmax(0,1fr); gap:13px; }
 .wordcamp-reference .partner-overview-row h3 { font-size:21px; }
 .partner-income-divider { margin-left:43px; }
 .partner-brand-curve { height:35px; }
 .wordcamp-reference .online-card { padding:25px; }
 .wordcamp-sync-modes { grid-template-columns:1fr; }
 .wordcamp-sync-disclosure summary { font-size:16px; }
 .wordcamp-support { justify-content:flex-start; }
 .wordcamp-support li { width:100%; }
 .wordcamp-reference .wordcamp-closing .online-cta { padding:0 22px; }
 .wordcamp-reference .wordcamp-closing h2 { font-size:34px; }
 .wordcamp-reference .wordcamp-closing p { font-size:17px; }
 .wordcamp-contact { flex-direction:column; align-items:center; gap:10px; }
}
@media(max-width:360px) {
 .partner-document { flex-direction:column; }
 .partner-paper { flex:auto; width:190px; }
 .wordcamp-reference .partner-document > p { text-align:center; }
 .partner-connection-title { font-size:15px; }
 .partner-connection-title img { width:94px; }
}