.icepay-integrations{& .hero{background:var(--color-background-muted);overflow:hidden}& .hero-grid{grid-template-columns:1fr .98fr;align-items:center;gap:48px;min-height:640px;padding-top:88px;padding-bottom:96px;display:grid}& .eyebrow{color:var(--color-brand-accent);letter-spacing:2.1px;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:850;display:flex}& .hero h1{letter-spacing:-4.3px;max-width:640px;margin:24px 0;font-size:clamp(50px,5.4vw,77px);font-weight:790;line-height:1.075}& .hero h1 span{color:var(--color-brand-accent)}& .lead{color:var(--color-text-muted);max-width:465px;margin:0 0 36px;font-size:16px;line-height:1.85}& .button-row{flex-wrap:wrap;align-items:center;gap:23px;display:flex}& .hero-art{height:445px;position:relative}& .diagram{background:var(--color-text);box-shadow:0 26px 60px var(--color-shadow-soft);color:var(--color-surface-card);border-radius:22px;flex-direction:column;padding:30px;display:flex;position:absolute;inset:39px 3px 28px 20px;overflow:hidden}& .diagram-top{z-index:1;color:var(--color-text-inverse-muted);letter-spacing:1.55px;justify-content:space-between;font-size:10px;font-weight:780;display:flex}& .diagram-top .tiny-circles{gap:5px;display:flex}& .diagram-top .tiny-circles i{background:var(--color-brand-accent-soft);border-radius:50%;width:6px;height:6px}& .diagram-flow{z-index:1;flex:1;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:0;display:grid;position:relative}& .path-list{flex-direction:column;gap:15px;display:flex}& .path{border:1px solid var(--color-border-inverse);background:var(--color-terminal-badge);min-height:61px;color:var(--color-brand-lightest);white-space:nowrap;border-radius:9px;align-items:center;gap:10px;padding:15px 14px;font-size:11px;font-weight:730;display:flex}& .path .path-icon{background:var(--color-brand-accent);width:29px;height:29px;color:var(--color-brand-accent-subtle);border-radius:7px;flex-shrink:0;place-items:center;display:grid}& .path-icon svg{width:18px;height:18px}& .connector{height:152px;position:relative}& .connector .wire{background:var(--color-brand-accent-soft);height:1px;position:absolute;top:50%;left:0;right:0}& .connector:before{content:"";border:1px solid var(--color-brand-accent-soft);border-left:0;border-radius:0 10px 10px 0;width:50%;height:100%;position:absolute;top:0;left:0}& .connector:after{content:"";background:var(--color-illustration-highlight);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .icepay-target{aspect-ratio:1;border:1px solid var(--color-brand-accent-soft);width:100%;max-width:182px;box-shadow:inset 0 0 0 8px var(--color-decoration-light),0 0 0 16px var(--color-decoration-light);background:var(--color-brand-accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex}& .icepay-target strong{letter-spacing:-1.7px;font-size:29px}& .icepay-target small{color:var(--color-brand-accent-subtle);letter-spacing:.8px;text-transform:uppercase;margin-top:7px;font-size:8px}& .diagram-foot{z-index:1;border-top:1px solid var(--color-border-inverse);color:var(--color-text-inverse-muted);align-items:center;gap:10px;padding-top:20px;font-size:11px;display:flex}& .diagram-foot i{background:var(--color-illustration-highlight);border-radius:50%;width:7px;height:7px}& .platform-section{background:var(--color-surface-card);padding:104px 0 108px}& .section-top{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:40px;display:flex}& .section-top h2,& .api-copy h2{letter-spacing:-2.5px;margin:17px 0 0;font-size:clamp(37px,4vw,53px);font-weight:800;line-height:1.16}& .section-top p{max-width:350px;color:var(--color-text-muted);margin:0 0 4px;font-size:14px;line-height:1.8}& .filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}& .pills{flex-wrap:wrap;gap:6px;display:flex}& .filter-btn{background:var(--color-brand-light);color:var(--color-text-muted);border:1px solid #0000;border-radius:999px;padding:11px 19px;font-size:12px;font-weight:740;transition:background-color .2s,color .2s}& .filter-btn:hover{background:var(--color-brand-accent-subtle)}& .filter-btn.selected{color:var(--color-text-inverse);background:var(--color-text)}& .search{min-width:233px;color:var(--color-brand-muted);border:1px solid var(--color-surface-feature-neutral);border-radius:7px;align-items:center;gap:10px;padding:11px 14px;display:flex}& .search svg{width:15px;height:15px}& .search input{color:var(--color-text);background:0 0;border:none;outline:none;width:180px;font-size:12px}& .search input::placeholder{color:var(--color-brand-muted)}& .card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}& .integration-card{border:1px solid var(--color-brand-neutral);border-radius:var(--radius-md);background:var(--color-text-inverse);flex-direction:column;min-height:233px;padding:26px 22px 24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}& .integration-card:hover{border-color:var(--color-brand-accent-soft);box-shadow:0 16px 40px var(--color-shadow-soft);transform:translateY(-4px)}& .brandmark{align-items:flex-start;height:70px;display:flex}& .integration-card h3{letter-spacing:-.5px;margin:0 0 9px;font-size:17px;font-weight:800}& .integration-card p{color:var(--color-text-muted);margin:0 0 23px;font-size:12px;line-height:1.55}& .card-meta{justify-content:space-between;align-items:center;margin-top:auto;display:flex}& .tag{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);font-size:10px;font-weight:760}& .arr{color:var(--color-brand-accent);font-size:19px}& .integration-card.outline{background:var(--color-brand-light);border-style:dashed}& .integration-card[hidden]{display:none}& .no-results{border:1px dashed var(--color-brand-neutral);text-align:center;color:var(--color-text-muted);padding:32px;font-size:14px;display:none}& .mini-foot{color:var(--color-text-muted);margin-top:26px;font-size:12px}& .mini-foot a{color:var(--color-label);border-bottom:1px solid var(--color-brand-accent-subtle);font-weight:750}& .api-section{--color-link:var(--color-link-inverse);--color-link-hover:var(--color-link-inverse-hover);--color-link-border:var(--color-border-inverse);background:var(--color-text);color:var(--color-surface-card);padding:112px 0 110px;position:relative;overflow:hidden}& .api-layout{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid;position:relative}& .api-copy .eyebrow{color:var(--color-brand-accent-subtle)}& .api-copy h2{color:var(--color-text-inverse);max-width:480px;margin-top:20px;font-size:clamp(38px,4.2vw,55px)}& .api-copy p{color:var(--color-text-inverse-muted);max-width:430px;margin:23px 0 30px;font-size:14px;line-height:1.9}& .code-panel{border:1px solid var(--color-border-inverse);background:var(--color-surface-inverse-raised);box-shadow:0 24px 60px var(--color-shadow-soft);border-radius:13px;overflow:hidden}& .code-header{border-bottom:1px solid var(--color-border-inverse);justify-content:space-between;align-items:center;height:55px;padding:0 23px;display:flex}& .window-dots{gap:7px;display:flex}& .window-dots i{background:var(--color-brand-accent-soft);border-radius:50%;width:7px;height:7px}& .code-header span{color:var(--color-text-inverse-muted);letter-spacing:1.1px;font-size:10px}& .code-lines{flex-direction:column;gap:16px;padding:27px 26px 30px;display:flex}& .endpoint{background:var(--color-brand-accent);border:1px solid var(--color-border-inverse);color:var(--color-brand-lightest);white-space:nowrap;border-radius:7px;align-items:center;gap:16px;padding:17px 14px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}& .endpoint .method{color:var(--color-brand-accent-subtle);font-weight:700}& .endpoint .method.get{color:var(--color-brand-support)}& a.endpoint{background-image:none;text-decoration:none;transition:border-color .15s}& a.endpoint:is(:hover,:focus-visible){border-color:var(--color-illustration-accent)}& .code-bottom{border-top:1px solid var(--color-border-inverse);color:var(--color-text-inverse-muted);justify-content:space-between;padding:17px 25px;font-size:11px;display:flex}& .code-bottom b{color:var(--color-illustration-highlight);font-weight:650}& .sdk-row{border-top:1px solid var(--color-border-inverse);justify-content:space-between;align-items:center;gap:25px;margin-top:55px;padding-top:28px;display:flex}& .sdk-row .sdk-title{color:var(--color-brand-accent-subtle);font-size:14px;font-weight:760}& .sdk-row .sdk-detail{color:var(--color-text-inverse-muted);margin-top:7px;font-size:12px}& .sdk-actions{flex-wrap:wrap;align-items:center;gap:32px;display:flex}& .setup{background:var(--color-surface-dark);padding:64px 0}& .setup-inner{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-muted);justify-content:space-between;align-items:flex-start;gap:55px;padding:64px 60px;display:flex}& .setup-intro{max-width:320px}& .setup-intro h2{letter-spacing:-2px;margin:18px 0;font-size:40px;line-height:1.2}& .setup-intro p{color:var(--color-text-muted);font-size:13px;line-height:1.85}& .setup-steps{flex:1;grid-template-columns:repeat(3,1fr);gap:38px;display:grid}& .setup-step{border-top:1px solid var(--color-brand-neutral);padding-top:19px}& .setup-step strong{letter-spacing:1px;color:var(--color-brand-accent-soft);font-size:13px}& .setup-step h3{letter-spacing:-.5px;margin:22px 0 10px;font-size:18px}& .setup-step p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.8}@media (width<=1050px){& .hero-grid{gap:24px}& .hero h1{font-size:61px}& .diagram{padding:23px}& .path{padding:10px 8px;font-size:10px}& .diagram-flow{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}& .icepay-target strong{font-size:24px}& .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}& .api-layout{gap:35px}& .setup-inner{padding:48px 36px;display:block}& .setup-steps{margin-top:40px}}@media (width<=760px){& .hero-grid{min-height:0;padding:68px 0 80px;display:block}& .hero h1{letter-spacing:-2.8px;font-size:clamp(46px,10vw,66px)}& .lead{font-size:15px}& .hero-art{height:390px;margin:50px 0 0}& .diagram{inset:15px 0 18px}& .section-top{display:block}& .section-top p{margin-top:16px}& .platform-section{padding:76px 0}& .setup{padding:48px 0}& .setup-inner{padding:40px 24px}& .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}& .filters{align-items:stretch}& .search,& .search input{width:100%}& .api-section{padding:79px 0}& .api-layout{display:block}& .api-copy{margin-bottom:43px}& .sdk-row{display:block}& .sdk-actions{margin-top:22px}& .setup-steps{gap:18px}}@media (width<=465px){& .hero h1{font-size:47px}& .hero-art{height:332px}& .diagram{padding:18px 14px}& .diagram-top{font-size:8px}& .diagram-flow{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}& .path{gap:5px;min-height:46px;padding:9px 5px;font-size:8px}& .connector{height:122px}& .path .path-icon{width:22px;height:22px}& .path-icon svg{width:14px;height:14px}& .icepay-target strong{font-size:18px}& .icepay-target small{font-size:6px}& .diagram-foot{padding-top:13px;font-size:9px}& .section-top h2,& .api-copy h2{letter-spacing:-1.5px;font-size:39px}& .card-grid{gap:11px}& .integration-card{min-height:213px;padding:20px 14px}& .integration-card h3{font-size:14px}& .integration-card p{font-size:11px}& .brandmark{height:64px}& .tag{font-size:9px}& .endpoint{gap:9px;padding:14px 8px;font-size:9px}& .code-lines{padding:16px 13px}& .setup-steps{grid-template-columns:1fr;gap:27px}}}.icepay-integrations{& .hero-grid>*,& .api-layout>*{min-width:0}& .eyebrow{color:var(--color-label);letter-spacing:2.1px;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}& .button-row .button{gap:27px;padding:18px 22px;font-size:13px;display:inline-flex}& .brand-secondary-link{font-size:13px}& a.integration-card{background-image:none}& .api-section:after{pointer-events:none}& .sdk-row{z-index:1;position:relative}& .brandmark img{object-fit:contain;object-position:left center;filter:saturate(.7);width:100px;height:51px;transition:filter .18s}& .integration-card:is(:hover,:focus-visible) .brandmark img{filter:saturate()}& .brandmark .platform-symbol{width:51px}& .brandmark .other-symbol{border-radius:var(--radius-md);background:var(--color-info-surface);width:51px;height:51px;color:var(--color-label);place-items:center;font-size:23px;display:grid}& .search input{min-width:0;min-height:22px;font:inherit;font-size:12px}& .filter-btn{cursor:pointer;min-height:44px}& .search:focus-within{outline:3px solid var(--color-focus);outline-offset:4px}& a:focus-visible,& button:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}& .api-section a:focus-visible{outline-color:var(--color-focus-inverse)}& .no-results{display:block}& [hidden]{display:none!important}& .no-results a{text-decoration:underline}& .setup-steps{margin:0;padding:0;list-style:none}& .code-bottom{flex-wrap:wrap;gap:12px}& .endpoint{font-size:12px;overflow-x:auto}& .mini-foot{line-height:1.8}& .directory-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1050px){& .setup-steps{margin-top:40px}}@media (width<=760px){& .hero-art{max-width:550px;margin-inline:auto}}@media (width<=465px){& .hero h1{font-size:clamp(39px,11vw,47px)}& .diagram-top{gap:12px;line-height:1.6}& .diagram-foot{line-height:1.6}& .brandmark img{max-width:100%;height:46px}& .endpoint{font-size:11px}}@media (width<=360px){& .card-grid{grid-template-columns:1fr}& .path{white-space:normal}}@media (prefers-reduced-motion:reduce){&,& *,& :before,& :after{scroll-behavior:auto!important;transition:none!important}}}@media (prefers-reduced-motion:reduce){html:has(.icepay-integrations){scroll-behavior:auto}}.icepay-integrations{@media (width<=465px){& .diagram-top{letter-spacing:1px}}}.icepay-integrations{& .hero-art{display:block}& .integration-routes{pointer-events:none;visibility:hidden;width:100%;height:100%;position:absolute;inset:0;overflow:visible}& .integration-route{stroke:var(--color-brand-accent-soft);stroke-width:1px;stroke-linejoin:round}& .integration-junction{fill:var(--color-illustration-highlight)}& .integration-signal{fill:var(--color-illustration-support);filter:drop-shadow(0 0 3px var(--color-illustration-accent))}& .integration-signals{visibility:hidden}& .hero-art[data-ready] .integration-routes{visibility:visible}& .hero-art[data-ready] .connector:before,& .hero-art[data-ready] .connector:after,& .hero-art[data-ready] .connector .wire{visibility:hidden}& .hero-art[data-animated] .integration-signals{visibility:visible}& .icepay-target{position:relative}& .icepay-target:before,& .icepay-target:after{content:"";border:1px solid var(--color-illustration-accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-1px}& .hero-art[data-animated]{& .path{animation:8.5s ease-in-out infinite integration-card-active}& .path .path-icon{animation:8.5s ease-in-out infinite integration-icon-active}& .path:nth-child(2),& .path:nth-child(2) .path-icon{animation-delay:1.6s}& .path:nth-child(3),& .path:nth-child(3) .path-icon{animation-delay:3.2s}& .integration-route{animation:8.5s ease-in-out infinite integration-connected}& .icepay-target{animation:8.5s ease-in-out infinite integration-api-active}& .icepay-target:before{animation:8.5s ease-out infinite integration-arrival-ripple}& .icepay-target:after{animation:8.5s ease-out infinite integration-connected-ripple}& .path,& .path-icon,& .integration-route,& .icepay-target,& .icepay-target:before,& .icepay-target:after{animation-play-state:paused}}& .hero-art[data-running]{& .path,& .path-icon,& .integration-route,& .icepay-target,& .icepay-target:before,& .icepay-target:after{animation-play-state:running}}@media (prefers-reduced-motion:reduce){& .hero-art .integration-signals{visibility:hidden}& .hero-art .path,& .hero-art .path-icon,& .hero-art .integration-route,& .hero-art .icepay-target,& .hero-art .icepay-target:before,& .hero-art .icepay-target:after{animation:none!important}}}@keyframes integration-card-active{0%,18.824%,to{border-color:var(--color-border-inverse);background:var(--color-terminal-badge)}3.529%,14.118%{border-color:var(--color-illustration-accent);background:var(--color-surface-inverse-raised)}}@keyframes integration-icon-active{0%,18.824%,to{filter:brightness()}3.529%,14.118%{filter:brightness(1.18)}}@keyframes integration-connected{0%,56.471%,64.706%,to{stroke:var(--color-brand-accent-soft)}59%{stroke:var(--color-brand-accent-subtle)}}@keyframes integration-api-active{0%,14.118%,21.765%,32.941%,40.588%,51.765%,64.706%,to{border-color:var(--color-brand-accent-soft)}16.471%,35.294%,54.118%,59%{border-color:var(--color-brand-support)}}@keyframes integration-arrival-ripple{0%,14.118%,32.941%,51.765%{opacity:0;transform:scale(1)}15.294%,34.118%,52.941%{opacity:.35}21.765%,40.588%,59.412%,to{opacity:0;transform:scale(1.1)}}@keyframes integration-connected-ripple{0%,56.471%{opacity:0;transform:scale(1)}57.647%{opacity:.4}64.706%,to{opacity:0;transform:scale(1.16)}}.icepay-integrations{& .support-wrap{background:var(--color-surface-dark);color:var(--color-text-inverse);padding-block:64px}& .support-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;display:grid}& .support-layout h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2rem,3vw,2.65rem);font-weight:700;line-height:1.06}& .support-copy p{color:var(--color-text-inverse-muted);margin:0;font-size:1rem;line-height:1.5}& .support-actions{flex-wrap:wrap;gap:16px 32px;margin-top:12px;display:flex}& .support-actions .brand-secondary-link{font-size:.9rem}@media (width<=1050px){& .support-layout{gap:40px}}@media (width<=760px){& .support-wrap{padding-block:48px}& .support-layout{grid-template-columns:1fr;gap:24px}}}