.int-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin:0}.int-board-tile{aspect-ratio:1;display:grid;place-items:center;background:var(--paper);padding:22%}.int-board-tile img{width:100%;height:100%;object-fit:contain}.int-board-tile.is-wide{padding:22% 12%}.int-board-hub{background:var(--grad-accent);color:var(--hazard-ink);font-family:var(--f-deck);font-weight:var(--fw-heading);font-size:var(--fs-lg);letter-spacing:0.04em;text-transform:uppercase;padding:0}.int-group+.int-group{margin-top:64px}.int-group-hd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:24px;border-bottom:1px solid var(--ink)}.int-group-hd h3,.int-group-hd p{margin:0}.int-group-hd h3{font-family:var(--f-deck);font-size:var(--fs-xl);font-weight:var(--fw-heading);line-height:1.15}.int-group-hd p{color:var(--ink-mute);font-size:var(--fs-sm);text-align:right}.int-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.int-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);transition:border-color 0.15s;scroll-margin-top:120px}.int-card:hover,.int-card:focus-within,.int-card:target{border-color:var(--hazard)}.int-logo{height:168px;display:grid;place-items:center;border-bottom:1px solid var(--rule-soft);padding:24px}.int-logo img{height:80px;width:auto;max-width:150px}.int-logo.is-wide img{height:64px;max-width:170px}.int-logo.is-icon img{height:56px;opacity:0.85}.int-logo.is-type{font-family:var(--f-deck);font-weight:var(--fw-heading);font-size:var(--fs-xl);letter-spacing:0.02em;color:var(--hazard);text-align:center;line-height:1.2}.int-card-bd{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}.int-card-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.int-card h4,.int-card p{margin:0}.int-card h4{font-family:var(--f-deck);font-size:var(--fs-lg);font-weight:var(--fw-strong);line-height:1.2}.int-tag{flex:none;font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:var(--fw-strong);letter-spacing:0.06em;text-transform:uppercase;color:var(--hazard);border:1px solid currentColor;padding:2px 7px;white-space:nowrap}.int-card p{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.5}.int-more{margin-top:auto;padding-top:6px;font-size:var(--fs-sm);font-weight:var(--fw-strong);color:var(--hazard)}.int-more::after{content:" →"}.int-card.is-open{border-style:dashed;border-color:var(--hazard);background:color-mix(in oklab,var(--hazard) 5%,white)}.int-card.is-open{grid-column:span 2;flex-direction:row}.int-card.is-open .int-logo{height:auto;flex:0 0 42%;border-bottom:0;border-right:1px dashed color-mix(in oklab,var(--hazard) 30%,white)}.int-sync-logos{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px}.int-sync-logos span{display:grid;place-items:center;width:128px;height:96px;background:var(--paper);border:1px solid var(--rule)}.int-sync-logos img{height:52px;width:auto;max-width:96px}.int-sync-logos .is-wide img{height:40px}.int-sync-logos b{font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:var(--fw-strong);letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-mute);padding:0 8px}.int-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);list-style:none;margin:0;padding:0}.int-steps li{background:var(--paper);padding:28px 26px 30px}.int-step-n{display:block;font-family:var(--f-deck);font-size:var(--fs-h3);font-weight:var(--fw-heading);color:var(--hazard);line-height:1;margin-bottom:18px}.int-steps h3{font-family:var(--f-deck);font-size:var(--fs-lg);font-weight:var(--fw-strong);margin-bottom:8px}.int-steps p{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.5}@media (max-width:1024px){.int-grid,.int-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.int-board{max-width:420px}}@media (max-width:640px){.int-group+.int-group{margin-top:48px}.int-group-hd{flex-direction:column;gap:4px}.int-group-hd p{text-align:left}.int-logo{height:120px;padding:16px}.int-logo img{height:56px;max-width:112px}.int-logo.is-wide img{height:44px;max-width:120px}.int-logo.is-icon img{height:40px}.int-logo.is-type{font-size:var(--fs-lg)}.int-card-bd{padding:16px 14px 18px}.int-card-hd{flex-direction:column;gap:6px}.int-sync-logos span{width:96px;height:72px}.int-sync-logos img{height:40px}.int-sync-logos .is-wide img{height:30px}}@media (max-width:560px){.int-steps,.int-grid{grid-template-columns:1fr}.int-card,.int-card.is-open{grid-column:auto;flex-direction:row}.int-card .int-logo,.int-card.is-open .int-logo{flex:0 0 96px;height:auto;padding:16px 10px;border-bottom:0;border-right:1px solid var(--rule-soft)}.int-card.is-open .int-logo{border-right:1px dashed color-mix(in oklab,var(--hazard) 30%,white)}.int-logo img{height:48px;max-width:72px}.int-logo.is-wide img{height:auto;max-width:76px}.int-logo.is-icon img{height:36px}.int-logo-pair{flex-direction:column;gap:10px}.int-logo-pair img{height:36px}.int-logo.is-type{font-size:var(--fs-sm)}}@media (prefers-reduced-motion:reduce){.int-card{transition:none}}.int-logo-pair{display:flex;align-items:center;gap:20px}.int-logo-pair img{height:64px;width:auto}@media (max-width:640px){.int-logo-pair{gap:12px}.int-logo-pair img{height:44px}}